
Preview image. Unlock full-res
Midnight archive behind frosted glass
Mesh invokes a dark, intimate digital rolodex feel, where muted neutrals create a command center for relationships. The visual system combines compact, precise typography with subtle background textures and a warm, low-saturation amber accent. Components recede into the dark canvas, using fine borders and soft internal glows rather than heavy shadows or distinct background fills. The overall impression is one of restrained sophistication and digital calm.
Prioritize 'Deep Night' (#0f0f10) as the base background for most sections to maintain a consistent dark atmosphere.
Use 'Silver Whisper' (#b3b3b3) for general body text and 'Cloud White' (#fefef7) for high-impact headings and active states, ensuring clear hierarchy in dark UI.
Employ the Verlag font family for all primary text content to leverage its compact character and precise spacing.
When an action requires emphasis, use an outlined button with 'Amber Glow' (#f2b98b) as the border color, ensuring interactive elements have a distinct, warm highlight.
Maintain a compact information density using elementGap of '10px' and cardPadding of '24px' to organize content tightly but legibly.
Apply border-radius values from the system: '16px' for cards and '6px' for buttons, to ensure consistent surface treatment.
Utilize Ghost Navigation Button for all header navigation items to minimize visual distraction and keep the focus on content.
Avoid using bright, saturated colors for large UI areas; color should primarily act as functional highlights or subtle accents, not dominant backgrounds.
Do not introduce strong, heavy shadows or distinct background fills beyond those specified for Floating Cards; maintain a lightweight, ethereal surface treatment.
Do not deviate from the specified Verlag and VerlagCondensed font families for headings and body text; system fonts should be reserved for specific utilitarian contexts.
Do not use generic circular or square radii; adhere to the system's border-radius values of '16px' for cards, '6px' for buttons, and '12px' for badges.
Do not use opaque white as a primary background; the system relies on deep neutrals and subtle transparencies for its dark theme.
Avoid excessive use of 'Moonless Ink' (#000000) for body text; reserve it for high-contrast elements or specific icon fills.
Do not introduce new type scales or line-heights; adhere to the discrete values provided to maintain typographic rhythm and density.









