DESIGN SYSTEM
Mr. Emblem Inc — Style Guide
Color Palette
Slate Navy
#1B2A4A
Primary
Deep Teal
#1A6B5A
Secondary
Warm Copper
#C47A3A
Accent / CTA
Warm Stone
#F5F2ED
Light Base
Soft Linen
#EDE9E3
Light Alt
Charcoal Slate
#1E2632
Dark Section
Clean Cream
#FAFAF7
Card Surface
Pebble Gray
#D8D3CB
Borders
Text Colors
Rich Black
#1A1A1A
Primary Text
Storm Gray
#4A4A4A
Secondary Text
Pewter
#7A7A7A
Muted Text
Cloud White
#F5F2ED
Light Text
Typography
H1 — DM Serif Display / 52px
H2 — DM Serif Display / 40px
H3 — Inter SemiBold / 28px
H4 — Inter SemiBold / 22px
H5 — Inter SemiBold / 18px
H6 — Inter SemiBold / 16px
Body — Inter Regular / 17px
From custom apparel to promotional items, we help Toledo-area businesses put their brand on everything — with expert design and personal service. This is what body copy looks like at the standard 17px size with 1.65 line height for comfortable reading.
Body Large — Inter Regular / 20px
This is the larger body style used for hero subtitles, lead paragraphs, and intro text that needs extra emphasis without being a heading.
SECTION LABEL — INTER MEDIUM / 13PX / UPPERCASE
Buttons
Buttons on dark backgrounds:
Standard Section Intro Pattern
WHAT WE DO
Our Services
From screen printing to embroidery, promotional products to custom banners — we help businesses, schools, and organizations put their brand on everything.
Accent Divider
60px wide, 3px height, Deep Teal (global primary). Used below every section H2 heading. Left-aligned by default.