firecrawl.dev
Design analysis
A split conversion block pairs an orange-accented invitation with a compact, elevated multi-step form card.
Prompt preview
## Reference images Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language. - Component: https://kage-design-assets.t3.tigrisfiles.io/components/alexandria-by-firecrawl/0b1c70de-f8b6-4b9f-90b5-f9bf706672fa-1790229693-7.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/alexandria-by-firecrawl/0b1c70de-f8b6-4b9f-90b5-f9bf706672fa-1790229655966-full.webp - Component on Kage: https://kage.design/component/alexandria-by-firecrawl-form ## Before you start Ask what the user's product is inviting people to submit, what qualification is needed, and what privacy language is required. Apply the same principles using their brand. Create a two-column sign-up section with a left-aligned invitation headline, an accent-colored second line, and a short explanation of the value of joining. On the right, place a white elevated form card with a tiny progress indicator, step title, one labeled text input, a high-contrast continuation button, and concise privacy reassurance. Use a pale neutral section background, a card radius around 14px, a very subtle shadow, 24px card padding, 1px inputs with #e5e5e5 borders, orange #f15a24 for the progress bar and primary action, and 16px accessible labels. Keep the form usable with keyboard focus states, clear validation, and responsive single-column stacking. Never: use the reference's product names, exact copy, logos, illustrations, imagery, or personal-data language verbatim.
kage