Foundry

Foundry

Preview image. Unlock full-res

Typeface Dungeon, Glowing Console

Industrydesign
Palette
#121212
#efefef
#e2e8f0
#3a3a3a
#747474
#ff4d00

Basement Foundry evokes a clandestine digital workshop feel, with a stark dark theme serving as a canvas for experimental typography. Its visual identity relies on strong contrasts, minimal adornment, and precise geometric forms, accented by a single vivid orange that acts as both highlight and interactive cue. The system prioritizes clarity and directness, using monospace and utilitarian sans-serif fonts until striking display typefaces take center stage as product showcases. Components are mostly outlined or text-based, maintaining a lightweight, almost 'ghostly' presence against the deep background. Prioritize Midnight Ink (#121212) as the base background for most surfaces, embracing the dark theme. Use Ghostly Gray (#efefef) for all primary body text and interactive states unless otherwise specified. Apply Basement Orange (#ff4d00) sparingly, reserving it for primary interactive elements, active states, and brand highlights. Employ Wireframe White (#e2e8f0) for all primary borders, separators, and subtle outlines on neutral components. Maintain a compact density for UI elements, using an 8px element gap as a primary spacing unit. Ensure JetBrains Mono is the default typeface for all functional UI text where a technical, precise feel is desired. Apply 50% border-radius to all small interactive elements like 'mode' buttons and 'buy now' buttons to create distinct visual cues. Avoid using multiple chromatic colors; Basement Orange (#ff4d00) is the sole accent. Do not introduce heavy shadows or gradients; flat surfaces and crisp borders define the aesthetic. Resist using highly decorative or illustrative imagery that conflicts with the stark, type-focused approach. Do not deviate from the JetBrains Mono and Inter types for the main interface, unless introducing a distinct display font for showcased content. Avoid large, rounded containers; stick to the subtle 2.8px default border radius for most elements and 8px for cards. Do not use Ghostly Gray (#efefef) as a background for primary actions; it is a text/border color. Introduce complex animations; stick to simple transitions on color and border-color for interactive elements.

More like this