Chainzoku

Chainzoku's visual system evokes a dark, gritty cyberpunk aesthetic set against an urban nightscape. It uses stark black and off-white as primary textual and surface colors, punched up by vivid, almost neon, greens and hot pinks for interactive elements and accents. Typography is oversized and angular, featuring a custom variable font with high contrast and tight-tracked display text, giving the brand a distinct, almost aggressive, voice. Surfaces are generally flat and unshadowed, opting for strong borders and high-contrast color shifts to delineate elements. Use Midnight Ink (#000000) for all primary text on light backgrounds and Ghost White (#fffff7) for primary text on dark backgrounds to maintain high contrast. Implement Electric Lime (#cdfb52) as the primary accent color for active states, small interactive elements, and key calls to action like the 'Play' button. Apply Druk Heavy for all large display headlines at sizes 100px or larger, using a letterSpacing of -0.0200em and a lineHeight of 0.8em to create a compressed, impactful header. Structure primary navigation links using Ghost Navigation Link components, ensuring no background or padding to keep a lightweight, unobtrusive feel. Maintain a comfortable density by utilizing an elementGap of 8px for internal spacing between components. Round corners of cards and interactive background elements with a 10px border radius, except for header navigation which uses 15px. Use 1px borders of either Midnight Ink (#000000) or Ghost White (#fffff7) for subtle separation, particularly in list items or form elements, avoiding overt shadows where possible. Avoid using soft shadows or complex elevation; the design relies on stark color contrast and clear borders for visual hierarchy. Do not use generic system fonts for branding headlines; Druk Heavy is crucial for the strong brand voice. Refrain from saturating the interface with multiple vibrant colors; reserve vivid hues like Electric Lime (#cdfb52) and Cyber Pink (#f24ac7) for accents and interactive states. Do not introduce gradients unless they are the specific 'Gradient Sky' (#a2b6cf) linear gradient, or directly for background atmosphere. Do not apply large internal padding to navigation links or simple buttons; they should feel lightweight and text-focused. Avoid arbitrary border radii; adhere strictly to 10px for cards and 15px for navigation to maintain visual consistency.