Firecrawl

Firecrawl employs a crisp, data-centric interface with a strong emphasis on clean surfaces and a single vibrant accent color. Typography is confident and precise, prioritizing legibility and structure over decorative flair. Components are lightweight and interaction focused, using subtle borders and shadows to define hierarchy rather than heavy fills. The overall impression is one of efficiency and directness, designed for developers engaging with AI tools. Always use Fire Orange (#ff4d00) for primary interactive elements and key brand callouts. Maintain a clear visual hierarchy using Ink Black (#262626) for primary text and Slate Gray (#727272) or Stone Gray (#616161) for secondary text. Apply Cloud Canvas (#e5e7eb) as the page background and Paper White (#f9f9f9) for elevated card surfaces. Use Suisse typeface for all UI text, selecting weights 400 for body, 450 for subheadings, and 500 for main headings. Round all buttons and tags with a 999px border-radius for distinct pill-shaped components. Utilize a 1px Cloud Canvas (#e5e7eb) border for subtle visual separation of elements and boundaries. Implement the multi-layer shadow for Feature Cards to create a feeling of subtle elevation and depth. Avoid introducing additional saturated colors; maintain the Fire Orange (#ff4d00) as the sole vibrant accent for consistency. Do not use heavy, opaque backgrounds for cards or panels; leverage transparency and subtle shadows for layering. Never compromise text contrast; ensure all text meets AAA accessibility standards against its background. Do not use generic square buttons; all actionable buttons should have a 999px border radius. Avoid excessively ornate or pictorial imagery; prefer simple icons, product mockups, or abstract data visualizations. Do not use arbitrary spacing; adhere to the 4px base unit and established element, card, and section gaps. Avoid bolding or italicizing large blocks of text; rely on font weight and size hierarchy with the Suisse typeface.