Color System
Primary Brand Colors
Edge Blue
#1164C2
Trust · Strength · Precision
Edge Gold
#A8985C
Craftsmanship · Premium · Legacy
Dark Scale — Blue-Tinted (Headers, Dark Sections)
Dark 900#0A1628Primary dark bg
Dark 800#0F1E38Section bg
Neutral Scale — Warm Grays
Neutral 100#F6F4F0Section alt
Neutral 300#D1CCC2Borders
Neutral 400#B0AA9FPlaceholder
Neutral 500#8A8680Secondary txt
Neutral 600#6B6660Muted text
Neutral 700#4A4845Body text
Neutral 800#2E2C2AStrong text
Neutral 900#1A1817Headings
Do
Use Edge Blue for primary CTAs, links, and icons on light backgrounds. Use Edge Gold for accents, borders, dividers, and headlines on dark backgrounds.
Don't
Never place Edge Gold text on white backgrounds (fails WCAG AA contrast). Never use Edge Blue on dark navy — use white or gold instead.
Note
The Dark Scale is the primary background for hero sections, nav, and footer. Gold on dark passes WCAG AA at all heading sizes.
Typography
Barlow Condensed
Display / Headings — weights 500, 600, 700, 800
Barlow
Body / UI — weights 400, 500, 600
Hero Display Barlow Condensed 800 · Uppercase · Tight tracking
Build On The Edge
H1 Barlow Condensed 700 · Uppercase · ~clamp(3rem, 7.5vw, 5rem)
Commercial Construction
H2 Barlow Condensed 700 · Uppercase · ~clamp(2.5rem, 6vw, 3.5rem)
Our Services
H3 Barlow Condensed 600 · ~clamp(2rem, 5vw, 2.75rem)
Metal Stud Framing
H4 Barlow Condensed 600 · ~clamp(1.5rem, 4vw, 2rem)
Project Overview
Lead Paragraph Barlow 400 · ~clamp(1.25rem, 3vw, 1.5rem)
Safe, on-time, technology-driven commercial carpentry — serving the greater Chicago area for over 20 years.
Body Barlow 400 · ~16–17px · Line height 1.7
The Edge Construction Co. specializes in commercial carpentry, metal stud framing, drywall installation, and acoustic installations. Our precision laser layout, Procore project management, and in-house prefabrication set us apart from the competition, delivering quality results on time and on budget.
Small / Caption Barlow 400 · ~13–15px
1540 Hecht Drive, Suite G, Bartlett, IL 60103 · (224) 208-1062
Label / Eyebrow Barlow Condensed 600 · Uppercase · Widest tracking · Gold
Our Services
Logo Usage
DoUse the gold logo on all dark/navy backgrounds (nav, footer, dark hero sections).
DoUse the white logo version (when available) on blue-filled backgrounds.
Don'tNever place the gold logo on white/light backgrounds without sufficient contrast. Use a dark version.
