Design System Showcase
Charlottenburg Club
A minimal visual catalog for CHCL, built as a gallery-forward style guide with sharp contrast, disciplined spacing, and a contemporary Berlin tone.
01
Color Showcase
Core palette blocks for interface surfaces, type, and high-contrast accents.
02
Typography
Uppercase display language, strong hierarchy, and compact editorial rhythm.
H1
Gallery Openings
H2
Charlottenburg Index
H3
Artist Program
Paragraph
CHCL frames galleries, programs, and physical spaces through a precise visual language that feels quiet, direct, and unmistakably current.
Meta
03
Card Components
Core cards for editorial modules, feature placements, and compact gallery snapshots.
CHCL
Charlottenburg Club
Dark Card
Program Index
Neon type on a dense green surface for high-contrast navigation blocks.
Simple Card
Gallery Notes
Light utility surface for text-heavy modules and secondary UI states.
04
List / Index
Row-based listing treatment with restrained separators and subtle motion on hover.
05
Buttons
Primary call-to-action and accent state with slight vertical lift on interaction.
06
Grid Layout Demo
Two-column and three-column compositions for adaptable editorial arrangements.
2-Column
Program Overview
2-column card layout
Spatial Identity
Editorial composition
3-Column
Artist Card
Compact
Gallery Card
Medium
Event Card
Dense
07
Utility Elements
Supporting motifs, dividers, and tags that keep the language tight without over-decorating it.
Square motif used as a compact visual marker.