Sougen

Sougen presents a digital-futuristic aesthetic through a high-contrast, mostly achromatic palette punctuated by a singular, vivid teal accent. Typography is a blend of structured geometric sans-serifs, emphasizing clean lines and generous letter spacing that hints at digital interfaces. Components are lightweight, often outlined, and favor rounded forms for interactive elements, reinforcing an approachable yet modern digital presence. The visual system balances stark, almost monochrome backgrounds with vivid, glowing accents to draw attention to interactive elements and brand identity. Prioritize a System Teal accent for all interactive elements, active states, and small brand details, like button borders or icon fills for calls to action. Use Text Graphite (#242424) for primary body text and most headings, transitioning to Pitch Black (#000000) only for highest contrast where context allows. Employ Rubik for most major headings and display text, leveraging its geometric character. For maximal impact, use Akrobat for the largest, most significant titles. Ensure all interactive buttons and tags utilize a 999px border-radius, creating an approachable, pill-shaped aesthetic. Maintain high contrast between text and backgrounds; primarily use Canvas White (#ffffff) or Surface Frost (#f9f9f9) for backgrounds against dark text. Apply Open Sans (#400) for all body copy and descriptive text, ensuring readability across varying text densities. Introduce a subtle 1px Border Fog (#e5e7eb) for dividers, outlines, and inactive states to maintain visual structure without heaviness. Avoid introducing additional chromatic colors; the System Teal (#16ebeb) is the sole brand accent. Do not use heavy, filled background cards or sections; prefer transparent or subtly differentiated Surface Frost (#f9f9f9) and Canvas White (#ffffff) backgrounds. Do not use standard rectangular buttons; all buttons and tags should adhere to the 999px rounded-corner aesthetic. Avoid mixing font families arbitrarily; stick to Rubik for headings/display, Akrobat for impactful titles, and Open Sans for body text. Do not use dark backgrounds extensively; the site is predominantly light-themed, with dark elements serving as strong contrast points. Do not rely on subtle visual cues for interactive elements; the System Teal should clearly indicate clickable or active states. Avoid complex shadow effects; stick to the subtle glow of rgba(109, 248, 248, 0.6) 0px 0px 4px 1px for accent glow or rgba(0, 0, 0, 0.05) 5px 5px 15px 5px for soft elevation.