Internal · Design System
Locked design language for the marketing site. Every component on this page is the canonical reference — pages should compose from these primitives only.
01 — Foundations
Strict usage rules — accents are signals, not decoration.
bg-primary #0A0F1E Default page background; hero, about, most dark sections.
bg-secondary #0F1729 Alternating dark section, trust strip, dark cards.
bg-darkest #070B16 Footer only.
bg-light #F5F6F8 Light sections — services, anywhere we want breathing room.
text-on-dark #E8EDF5 Body text on dark sections. Softer than pure white.
text-muted #8B96A8 Eyebrow labels, meta info, secondary copy on dark.
text-on-light #0A0F1E Body text on light sections.
accent #2563EB Primary CTAs, active nav, hover underlines, key icons ONLY.
accent-subtle #1E3A5F Card borders, dividers, subtle highlights on dark.
border-light #E2E6ED Card borders and dividers on light backgrounds.
02 — Foundations
Inter Variable, self-hosted. Tight tracking on headlines, generous line-height on body.
Hero · 56 / 36 · 700 · -0.02em Aviation-grade electrical expertise.
Section · 36 / 28 · 600 · -0.01em Passenger Boarding Bridge consulting
Body · 17 · 400 · 1.7 Forty years inside Toronto Pearson's electrical infrastructure, now available as outside consulting expertise for airport authorities, aviation contractors, and engineering firms.
Eyebrow · 11 · 600 · 0.12em · uppercase Aviation Consulting
Navigation · 14 · 500 · 0.02em Services
03 — Components
48px tall, 6px radius, 14px / 600 label. Primary always carries the arrow icon that shifts 4px on hover.
On dark
On light
04 — Pattern
Eyebrows always sit above headlines, never replace them. This is the canonical section opener used across the site.
Aviation Consulting
Asset planning across 112 Passenger Boarding Bridges, 400 Hz ground power, PCA, VDGS, and potable water electrical systems.
Residential Electrical
Panel upgrades, EV chargers, generator sub-panels, dedicated circuits. GTA only. Monday to Friday, business hours.
05 — Components
No drop shadows. Depth comes from background contrast and a single 1px border.
100A to 200A service upgrades for older GTA homes. Coordinated with ESA inspection and the local utility.
Level 2 chargers installed on a dedicated circuit, sized to your panel capacity and future load needs.
Annual maintenance planning, reliability budgeting, and lifecycle review for Passenger Boarding Bridges.
Annual maintenance program review for airport-side electrical infrastructure and substation assets.
06 — Components
Used in the credentials strip on Home and About. Austere — small icon, small label, no color floods.
On light background
07 — Components
On dark
On light
08 — Components
2px electric-blue underline animates in on hover. Active state shows the full underline.
↑ Hover any inactive link to see the underline animate in.
09 — Pattern
Alternating dark / darker / light creates breathing room. The CTA section uses a thin electric-blue top border for emphasis — never a full blue background.
Hero — bg-primary
#0A0F1E
Trust strip — bg-secondary
#0F1729
Services — bg-light
#F5F6F8
About — bg-primary
#0A0F1E
CTA — bg-primary + 2px accent top
Thin electric-blue border above. No blue background fill.
Footer — bg-darkest
#070B16
10 — Foundations
Lucide only. 20px, stroke-width 1.5. Never filled, never bold.
Plane Zap PlugZap Cable ShieldCheck Gauge BadgeCheck FileBadge Award Settings2 End of style guide. Pages must compose from these primitives only.