Halfhelix

Halfhelix employs a contemporary, slightly austere visual language characterized by high-contrast monochrome UI accented by a singular vivid violet. Text is used as a primary structural element, with generous leadings creating rhythm. Components are lightweight with minimal adornment, favoring subtle outlines and dark overlays for hierarchy in a compact layout. The system balances a dark, high-contrast hero with a predominantly light content theme, creating a dynamic progression from attention-grabbing to informative. Use Suisse Intl (or Inter as substitute) weight 400 for all text, manipulating size and letter-spacing for hierarchy, not weight. Apply #000000 (Ink) as primary text color against light backgrounds, and #ffffff (Canvas) against dark backgrounds. Utilize 'Violet Impulse' (#2749ff) strictly for branding accents, functional highlights, or decorative background fills, never for primary text. Maintain a default border-radius of 3px for all interactive elements like buttons, badges, and inputs, and for informational cards. Employ #ededed (Fog) for secondary background surfaces or passive component states in light themes. Structure interactive elements like buttons with explicit background colors or borders, avoiding ambiguous ghost states with no visual definition. Favor white (#ffffff) as the dominant page canvas, with distinct darker sections for hero and footer areas to create contrast. Avoid using multiple font weights or families; adhere exclusively to Suisse Intl (Inter) weight 400. Do not introduce new vibrant colors into the palette; stick to the defined achromatic scale and the single violet accent. Refrain from heavy drop shadows or elaborate gradients; surfaces should remain flat or use subtle 3px radius. Do not use #2749ff (Violet Impulse) for large blocks of text or as a background for primary functional elements outside of specific brand contexts. Avoid creating elevation through stacked box shadows; the design relies on clear background/border differences and minimal radius. Do not treat every section of the page as full-bleed; content areas should be contained within clear vertical rhythm. Do not embed information within images without providing equivalent accessible text, as imagery is highly decorative and often cropped.