Concrete Club Studio

This design system evokes a raw, almost deconstructed gallery experience, where content is paramount and design elements serve as subtle frames. The stark contrast between graphic Tangerine Flash and deep neutrals, combined with the unexpected juxtaposition of a classic serif with a minimalist sans-serif, creates a tension that is both playful and sophisticated. The heavy reliance on large, almost architectural typography and minimal component styling puts the focus entirely on the message and visual art direction, creating a distinctive aesthetic that feels both rebellious and highly curated. Prioritize TRJN DaVinci for all headlines and brand-critical text, ensuring its unique character defines the typography. Use Tangerine Flash (#d9462b) sparingly as a high-impact accent, primarily for interactive elements or key brand statements. Maintain raw, unpadded button styles with padding: 0px and borderRadius: 0px for a minimalist, boundary-pushing feel. Employ Frost Canvas (#f5f6f5) or Gallery White (#ffffff) as dominant background surfaces to provide a crisp, gallery-like setting for content. Utilize large spacing values like 230px for sectionGap to break content and create significant visual breathing room between major sections. Avoid using generic button styles or heavy paddings; interaction cues are minimal and baked into the content itself. Do not introduce additional border radii; the design relies on sharp edges (0px) for its distinctive aesthetic. Refrain from adding elevation or shadows to components; the system relies on stark color contrast and inherent typography for hierarchy. Do not introduce additional font families or weights beyond the defined HelveticaNeue-Light, TRJN DaVinci, and Neue Montreal. Avoid over-saturating the layout with Tangerine Flash (#d9462b); its impact comes from its scarcity.