The Verge

This design system evokes a 'digital newsprint' feel, balancing raw information density with striking, almost industrial accentuation. A deep, near-black background provides a stark canvas for crisp, often condensed typography and the electrifying 'Voltage Teal' accent. The unusual mix of a narrow sans-serif, a classic display serif, and a monospaced font creates a unique typographic voice that is both modern and slightly nostalgic, preventing the dark theme from becoming generic. Use Ink Black (#000000) for the primary page background. Apply Deep Graphite (#131313) for card and content block backgrounds to establish clear hierarchy. Style interactive elements and primary links with Voltage Teal (#3cffd0) for high visibility. Always use 'Manuka' font (or substitute) at 900 weight for display headlines to create a dramatic impact, setting lineHeight to 0.8. Implement 24px border-radius for all primary and secondary buttons for a pill-shaped aesthetic. Utilize Poly Sans Mono with wide letter spacing (0.1000em or 0.1250em) for all metadata and timestamps. Maintain a default border-radius of 0px for most elements to reinforce the sharp, industrial aesthetic. Do not use subtle shadows or gradients for elevation; distinguish surfaces primarily through color changes from Ink Black (#000000) to Deep Graphite (#131313) and Light Ash (#313131). Avoid generic 'modern sans-serif' for headlines; the distinctive display typefaces like Manuka and Fk Roman Standard are key to the brand. Do not introduce additional accent colors, as Voltage Teal, Neon Violet, and Blaze Orange are carefully deployed and highly impactful. Never use ui-sans-serif system font for prominent text or headlines; it's reserved for utility and fallback only. Do not apply padding or borders to article cards; their structure is defined by typography and background colors. Do not use soft, organic shapes; stick to the hard edges and specific rounded radii (3px or 24px) for distinct elements.