The Edge Construction Co.

Brand Guide

Visual identity standards — The Edge Construction Co., Inc.  |  v1.0  |  2026

Color System

Primary Brand Colors
Edge Blue #1164C2 Trust · Strength · Precision
Edge Gold #A8985C Craftsmanship · Premium · Legacy
Blue Scale
Blue 50#EAF1FBTint / bg
Blue 100#C0D8F5
Blue 200#7EB2EC
Blue 300#3A7FD4Hover
Blue ★#1164C2Primary
Blue 600#0D52A8Active
Blue 700#0A4090Dark
Blue 900#05204A
Gold Scale
Gold 100#F0EBD8Tint / bg
Gold 200#D9CC9C
Gold 300#C2B070Highlight
Gold ★#A8985CPrimary
Gold 600#8A7C44Hover
Gold 700#6E6230Dark
Gold 900#3D350F
Dark Scale — Blue-Tinted (Headers, Dark Sections)
Dark 950#060D1A
Dark 900#0A1628Primary dark bg
Dark 800#0F1E38Section bg
Dark 700#152847
Dark 600#1D3560Card bg
Neutral Scale — Warm Grays
Neutral 50#FAFAF8Page bg
Neutral 100#F6F4F0Section alt
Neutral 200#EAE7E0Cards
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

Buttons & CTAs

Request a Bid View Projects Learn More

UI Components — Preview

20+
Years in Business
75%
Productivity Increase

Metal Stud Framing

Complex structural work with thousands of hours of expertise across Chicago-area commercial projects.

Drywall Solutions

Prefabrication shop combined with state-of-the-art finishing technology — up to 75% faster.

Logo Usage

Logo on dark
Logo on light
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.
The Edge Construction Co.

Internal Resource

Brand Guide