Riptype Foundry

Riptype's design system combines a deep, almost black, background with crisp white typography and sparse, vivid chartreuse accents, creating a high-contrast, edgy aesthetic. Components are compact and minimally decorated, favoring subtle borders over heavy fills or shadows. The overall impression is technical and precise, reflecting its typographic focus. Subtle motion and interaction states provide a responsive, engaging user experience. Use Midnight Ink (#121212) as the dominant background color for all page sections. Prioritize Frost (#ffffff) for primary text and Pale Ash (#d0d0d0) for secondary text to maintain clear hierarchy against dark backgrounds. Apply Charger Green (#d9ff00) exclusively for highly interactive elements, text, and icons to draw attention and indicate action. Construct buttons with either 144px (pill) or 4px (standard) border radius, avoiding other radius values for interactive elements. Implement 6px as the base unit for vertical and horizontal spacing between elements. Utilize the Office typeface across all headings and body text, adhering to the specified weights and precise letter-spacing values. Avoid introducing additional saturated colors; maintain the high-contrast Charger Green (#d9ff00) as the sole vivid accent. Do not use heavy shadows or gradients for elevation; rely on subtle background opacity changes and thin borders. Do not create components with border radii other than 4px or 144px for interactive elements. Do not vary from the established Midnight Ink (#121212) and Obsidian (#292929) for background surfaces. Avoid large, uncontained imagery; all visuals should either be full-bleed with strong composition or tightly integrated into structured sections.