Clyde

Clyde deploys a dark, atmospheric interface punctuated by subtle gradients and an emphasis on dimensional product rendering. The design system uses sparse, highly contrasted typography with a blend of classic serif and modern grotesk fonts, creating a 'luxury tech' feel. Surfaces are dark, with elements softly lit by internal shadows and occasional, vibrant iridescent gradients. The overall density is comfortable, providing generous breathing room for content. Use Midnight (#000000) for all page backgrounds to maintain atmospheric depth. Apply Recoleta for all primary headlines, leveraging its unique tracking values for distinct visual impact. Implement 100px border-radius for all primary buttons to achieve a soft, pill-shaped aesthetic. Employ the Iridescent Glow gradient (linear-gradient(90deg, #feed7a, #ff8400, #df91f7)) for any elements requiring unique visual emphasis or product highlights. Ensure Ghost Ash (#f6f6f4) is the default text color on dark backgrounds, providing maximum contrast and legibility. Maintain generous spacing with a base unit of 4px and elemental gaps around 20px, fostering a comfortable content density. Avoid harsh, solid borders or backgrounds, except for functional elements that require clear separation. Do not use highly saturated colors for text except for specific accent elements; stick to Ghost Ash (#f6f6f4) and Midnight (#000000) for content. Do not introduce sharp corners or small radii on interactive elements; favor the 16px and 100px radii for organic, approachable shapes. Avoid generic system fonts for any primary heading or body text; always use Recoleta or Oldschool Grotesk. Do not use explicit drop shadows for elevation; rely on subtle inset shadows (rgba(255, 255, 255, 0.25) 0px 0.636826px 3.82096px 0px inset) for depth on dark surfaces. Do not introduce competing gradients; the Iridescent Glow is the signature gradient.