7TH DOOR
Brand

Brand Style Guide

The system behind 7TH DOOR — color, typography, motion, layout, and voice.

01 · Color Palette
Crème White
HEX#F5F2EB
RolePrimary background
Silk Black
HEX#0A0A0A
RolePrimary text & buttons
Champagne Gold
HEX#D7C49E
RoleAccent
Soft Gray
HEX#CFCBC4
RoleDividers & subtle UI
02 · Typography

Rounded, premium, slightly bubbly — but still elegant. Generous spacing throughout for a luxury feel.

Headers · Bold, clean, modern
7TH DOOR
Aa Bb Cc — 0123456789
Body · Smooth, readable, minimal

We build what the world needs. When every other door fails, the 7th Door opens.

Spacing: generous breathing room, luxury spacing.

03 · Logo Usage
7TH · DOOR
7TH · DOOR
7TH · DOOR
  • · Place only on crème or silk backgrounds
  • · Maintain clear space around the logo
  • · Do not stretch, distort, recolor, or rotate
  • · Floating animation allowed only on homepage hero

Learn more about logo rules →

04 · Animation Rules
Gentle Float

"7TH DOOR" text floats gently — buoyant, never bouncy.

Soft Hover

Subtle scale and color shifts; never abrupt.

Smooth Fade-Ins

Sections rise 24px over 0.9s ease-out.

No harsh or rapid animations. All motion respectsprefers-reduced-motionand remains accessibility-safe.

05 · Layout & Spacing
  • · Large margins
  • · Clean sections
  • · Minimal clutter
  • · High-end spacing inspired by luxury brands

Container max-width 1200px with 1.5rem gutters. Sections breathe at 6–8rem vertical padding. Border radius scale: 0.875rem base; cards favor 1.5–2rem. Hairlines at 1px, 12% foreground opacity.

06 · Tone of Voice
Purpose-driven

Every sentence earns its place.

Visionary

We speak about what's next, not what's now.

Calm but powerful

Quiet confidence, no shouting.

Mission-focused

The mission is always the subject.

Confident, not loud

We don't oversell.

Clear, not corporate

We avoid jargon.

Human, not robotic

We sound like the people we are.

Intentional

Less, but better.

Explore our tone guidelines →