Zeus Jones

Zeus Jones projects a refined, artistic sensibility with a foundational off-white canvas and a rich, muted chromatic dark gray that anchors all textual and interactive elements. The design is characterized by large, confident typography that mixes serifs and sans-serifs, creating a dynamic yet sophisticated feel. Playful, pill-shaped buttons with deep curves add a touch of approachability against substantial spacing and a generally sparse layout. The hero section often features dramatic, ethereal gradient backgrounds that contrast with the otherwise understated UI. Use 'Canvas Parchment' (#fcfaf3) as the default background for all page sections unless an accent background is specified. Employ 'Greyscale Architect' (#1a1c2c) for all primary body text, headlines, and interactive elements to maintain visual consistency. Apply ZJSansDisplay at weight 400 for most body and navigation text, with specific larger sizes for headings as defined in the type scale. Utilize FeatureDeckLight weight 100 for large, impactful display headings (60px, 90px) to establish a distinctive, light-weight typographic presence. Ensure all interactive buttons conform to the pill shape with a radius of 1584px or 1782px. Maintain comfortable '20px' border-radius for cards, images, and other contained UI elements. Incorporate a 40px section gap between major content blocks to ensure ample breathing room and a spacious layout. Avoid using bright, saturated colors for primary UI elements; reserve high chroma for abstract backgrounds or illustrative accents. Do not use box-shadows for elevation; rely on background color changes or subtle borders for surface distinction. Do not break the pill-shaped button aesthetic with square or slightly rounded corners; always aim for maximum curvature. Avoid tight, condensed layouts; emphasize spaciousness and generous internal padding for components. Do not use generic system fonts; always adhere to ZJSansDisplay and FeatureDeckLight for brand consistency. Do not introduce heavy borders or outlines; stick to ghost interactions or solid, rich dark gray fills for interactive elements. Never center align large blocks of text; maintain a left-aligned, spacious text presentation.