The Architectural Void
Space is the luxury. The interface should behave like a gallery: monolithic, high-contrast and calm.
Technical Precision
Copy is direct and confident: selected materials, correct specification, support through installation.
Sharp Geometry
Corners stay square. Depth comes from tonal layers, not decoration.
Black, white, gold
#131313
#F8F9FB
#E9C349
#C8C6C5
Two approved modes
Use black for premium editorial communication and white for technical documents where clarity matters most.
Lumiere Architecturale
#131313 background, #E5E2E1 text, #E9C349 accent.
Hero accent titlecolor: rgb(233, 195, 73); display: block; font-family: Manrope, "Manrope Fallback";
Specification & Supply
#F8F9FB background, #333D4C text, #E9C349 accent.
Hero accent titlecolor: rgb(233, 195, 73); display: block; font-family: Manrope, "Manrope Fallback";
Manrope + Inter
Manrope carries the architectural headline voice. Inter carries body text, labels, CTAs and technical specifications.
- Display Manrope, bold, large scale, no negative tracking in compact areas.
- Body Inter, 16-18px, muted foreground for long reading.
- Labels Inter uppercase, bold, wide letter spacing, gold when used as an orientation marker.
Keep it quiet
- Do Use negative space, asymmetry and strong photographic contrast.
- Do Use gold sparingly for CTAs, labels and controlled light accents.
- Don't Round corners, crowd layouts, or add decorative borders when a tonal background shift can separate content.
Generated, then branded precisely
Backgrounds were generated as architectural lighting scenes. Logo, typography, colors and final dimensions were applied locally for clean downloadable files.
Download
Download background onlyDownload
Download background onlyDownload
Download background only