Branding

ServerMetry Brand Guidelines

Product: ServerMetry (https://servermetry.com) — self-hosted server monitoring with real-time metrics, alerting, and MCP for AI assistants.

Logos:
- Dark wordmark (light backgrounds): https://servermetry.com/logo-dark.svg
- Light wordmark (dark backgrounds): https://servermetry.com/logo-white.svg
- App icon / favicon mark: https://servermetry.com/icon.svg
- Branding page: https://servermetry.com/branding

Brand colors:
- Brand Amber (primary): #f5a524 (CSS --primary / --brand-amber)
- Brand Amber Deep (light-mode primary): #d78c09
- Chassis (logo mark fill): #1a1f26
- Sparkline ink: #f5f0e6
- Brand Steel: #53616e (--brand-steel)

Status colors:
- Online: #239560 (--status-online)
- Warning: #f5a524 (--status-warning)
- Critical: #da1b1b (--status-critical)
- Offline: #6a7581 (--status-offline)

Surfaces (light):
- Background: hsl(210 18% 96%) / #f3f5f7
- Foreground: hsl(210 28% 10%) / #121a21
- Muted foreground: hsl(210 12% 40%) / #5a6672
- Card: #ffffff
- Border: hsl(210 14% 86%) / #d6dbe0

Surfaces (dark):
- Background: hsl(210 24% 6%) / #0c0f13
- Foreground: hsl(40 20% 94%) / #f3f1ed
- Card: hsl(210 22% 9%) / #12171c
- Border: hsl(210 16% 16%) / #22292f
- Primary: hsl(38 96% 52%) / #faa40f

Typography:
- Body: Source Sans 3 (UI sans)
- Display / headings / wordmark: Barlow Condensed, uppercase, tracking ~0.04em
- Mono: JetBrains Mono (metrics, code, tabular figures)

Style direction:
- Departure-board / ops console aesthetic: cool steel neutrals (hue ~210), amber LED accent
- One primary brand accent (#f5a524) — no purple glow, no cream/serif newspaper look
- Prefer subtle borders and flat surfaces over multi-layer shadows
- Full-bleed dark hero boards are OK for marketing; product UI stays quiet and readable
- Logo mark is a charcoal tile with amber border + sparkline; wordmark is "Server" + amber "Metry"