Brand guide
Brand settings
Reference for how the S&S identity is applied across the website and, later, the admin dashboard, customer portal, and printed documents. Values here are read-only for now; this screen becomes editable in the management phase.
Logo
On light surfaces
S&S Preventive MaintenanceLLC · Fleet & Auto ServiceThe artwork carries its own navy background, so on light surfaces it is placed inside a navy plate. The mark is never recolored or redrawn.
On navy surfaces
S&S Preventive MaintenanceLLC · Fleet & Auto ServiceGold is reserved for accents and small type on navy. It is never used as a large background behind body copy.
Palette
var(--navy)
var(--navy-deep)
var(--gold)
var(--gold-soft)
var(--background)
var(--muted)
var(--border)
var(--foreground)
Typography
Heading — Cormorant Garamond
Preventive maintenance
Body — Karla
Routine work, done on schedule, documented every time. Body copy stays at a comfortable reading measure with generous line height.
Eyebrow — Karla, uppercase, tracked
Components
Buttons
Document header / footer
Document body area — invoices, estimates, work orders, and service reports all use this header treatment.
service@sspreventive.com · Mon–Fri 7:00am–6:00pm