HyperAktiv

HyperAktiv's design system is minimalist and stark, featuring high-contrast typography and a raw, unadorned aesthetic. Dominant black text on pure white surfaces creates a strong, direct presence, while a lone vibrant blue provides a single, impactful interactive accent. The system avoids elaborate styling, favoring sharp edges and direct expression over soft shadows or rounded forms, giving it an almost industrial, no-nonsense feel. Prioritize Text Black (#000000) for all main headings and body copy to maintain high contrast and directness. Use Canvas White (#ffffff) as the default background for sections and components, creating a stark, clean canvas. Reserve Action Blue (#0000ff) strictly for primary call-to-action buttons and prominent interactive elements. Maintain a rigid sans-serif typography hierarchy, using Studiofeixensans for headlines and DM Sans for body text. Apply 0px border-radius to most UI components for a sharp, unyielding aesthetic, except for specific pill-shaped buttons at 20px. Ensure input fields use Muted Gray (#cccccc) for borders against Canvas White (#ffffff) backgrounds. Utilize white space generously, with a base element gap of 10px and section gaps of 30px to create distinct content blocks. Avoid soft gradients or shadows; the visual system is flat and direct, with elevation primarily conveyed through contrast and spatial separation. Do not introduce additional chromatic colors; the palette is intentionally limited to black, white, and a single accent blue. Refrain from using rounded corners on cards or typical buttons; sharp edges are a core identifier of the system's visual language. Do not use subtle variations of grays for text; stick to Text Black (#000000) for prominence and Dark Text Gray (#333333) only for input text. Do not apply padding or borders to feature cards; their visual distinction comes from their content and surrounding layout. Avoid decorative imagery that deviates from product photos; the system emphasizes functionality and direct information. Do not use light font weights for headlines; bold contrast is key to the brand's assertive vocal tone.