Nathan Smith

This design system feels like a minimalist display terminal, prioritizing stark readability over ornamentation. Pure black backgrounds serve as an absolute void, upon which unashamedly bold, high-contrast typography in 'off-white' is projected. The deliberate absence of rounded corners across primary content elements, except for navigation pills, creates a tension between sharp utility and interactive cues. Sudden, vivid blocks of color act as dynamic project showcases, appearing almost as glitches or command line outputs against the monochrome UI. Do use Absolute Black (#000000) as the primary background for all page sections and elevated components. Do use Ghost White (#f5f4ee) for all primary text content and interactive element states to ensure maximum contrast. Do apply 0px border-radius to all content-bearing elements like Project Cards to maintain a sharp, utilitarian aesthetic. Do use the Mabry pro font (weight 400, size 80px, line-height 1.0) for all main headlines to establish a bold, direct tone. Do punctuate the monochrome design with single, vivid accent colors (#017051, #deeb52, #fe7cd2, #f95720) only for project cards and other intentional focal points. Do use a consistent 100px border-radius for all navigation pills to distinguish interactive elements with softness against the prevailing angularity. Don't introduce any soft-edged shapes or general rounded corners outside of explicit navigation elements. Don't use gradients; stick to solid color blocks for backgrounds and accents. Don't introduce subtle background patterns or textures; maintain pure, flat color fields. Don't use desaturated or muted colors for accents; only vivid, high-chromatic colors are permitted where color is used. Don't vary font weights for Fk Display; it should remain weight 400 across all its usage. Don't break the tight line-height (1.0) for Mabry pro headlines; its impact relies on close text packing.