Circa

Circa employs a bold, dark minimalism softened by whimsical 3D illustrations. The interface is primarily achromatic, establishing a stark backdrop for content and interaction. Typography is understated yet precise, relying on subtle weight differences and careful letter-spacing for hierarchy. Components are lightweight, favoring ghost elements and soft, contained surfaces with subtle elevation for critical information. Prioritize Ink Black (#000000) as the dominant page background. Use Frost White (#ffffff) for primary text and Charcoal (#171717) or Stone Gray (#737373) for muted text and secondary information. Apply Geist font with a 500 weight for all hero-level headings, ensuring -0.6px letter-spacing. Maintain a 4px border-radius for interactive buttons and 12px for cards. Elevate critical UI elements like dialogs with soft shadows and a 12px border-radius. Utilize 12px as the standard element gap for arranging content within sections. Incorporate the Laurent Lime (#AFFF2C) only as a distinct brand accent for highlighted active states or illustrations. Avoid using saturated colors for backgrounds or large content blocks; reserve them strictly for accents. Do not introduce strong, hard shadows; elevation should be subtle and blended. Refrain from heavy borders on components; use hairline #e6e6e6 borders where necessary for separation instead of framing. Do not deviate from the specified Inter font for body text or button labels. Avoid decorative gradients on UI components — keep surfaces flat and monochromatic. Do not use varied letter-spacing on body text; keep it at 'normal' for readability. Do not use dark backgrounds for cards or dialogs; these remain Frost White (#ffffff) against the Ink Black (#000000) canvas.