
Preview image. Unlock full-res
architectural blueprint on dark slate
Jsnrynlds employs a sophisticated dark-mode aesthetic with a minimalist footprint. Content is presented on dark charcoal backgrounds with accents of off-white text and subtle cool-toned greens. Components are lightweight, favoring ghost styles and thin borders over heavy fills, creating a sense of understated elegance. The overall impression is one of clarity and focused information delivery. Prioritize Deep Midnight (#181818) for all primary background surfaces. Use Cloud Whisper (#eeeeee) exclusively for primary text and significant UI elements. Apply a 999px border-radius to all interactive buttons for a pill-like shape. Maintain a compact element spacing of 8px around most interactive and informational elements. Utilize 12px border-radius for all cards and container elements. Employ ghost button styling (transparent background, #eeeeee text, subtle top border) for all secondary actions. Use Suisse Intl Book and Suisse Intl consistently, adhering to specified weights and letter-spacing for each role. Avoid using heavy shadows or strong elevation effects; surfaces should remain flat. Do not introduce bright, saturated colors unless for a very specific, isolated accent like Deep Sea Teal (#225757). Do not use generic system fonts; stick to Suisse Intl variants to maintain brand consistency. Avoid large, prominent filled buttons; prefer ghost or text-only interactive elements. Do not deviate from the established spacing scale for element and component gaps. Avoid applying padding directly inside cards; contained elements manage their own spacing. Do not use highly contrasting or vibrant brand colors in the core UI; keep the palette muted and dark-centric.









