Files
mb-grid-solutions.com/tone/STYLEGUIDE.md
2026-01-15 11:05:18 +01:00

1.2 KiB

Visual style (precise, with hex codes)

Overall aesthetic • industrial, technical, restrained • zero decoration, zero playfulness • feels like energy-infrastructure / engineering documentation

Color palette (approximate but accurate)

Primary • Dark navy / industrial blue: #0E2A47 → main accents, headings, links, CTAs • Almost white background: #F8F9FA → dominant background color

Secondary / UI • Light gray: #E6E9ED → separators, cards, borders • Medium gray text: #6B7280 → secondary text, meta info • Dark gray text: #1F2933 → body text

Accent (used sparingly) • Muted sustainability green: #2FA66A → highlights, sustainability cues only (never dominant, no gradients)

Typography • Sans-serif, modern, neutral (Inter / Source Sans / similar) • Headings: • bold or semi-bold • tight but clean letter spacing • color: #0E2A47 • Body text: • regular weight • generous line height • color: #1F2933

No decorative fonts. No italics for emphasis. No playful weights.

Layout & spacing • Strict grid system • Large margins and whitespace • Content blocks clearly separated • Rectangular sections, no rounded “cards for fun” • Feels engineered, not designed