01 — Colour

Two colours work.
One colour speaks.

Navy carries the weight, cream gives it room, and gold is rationed — it only marks the things that matter: actions, accents, proof.

#1E3A5F

Forge Navy

--forge-navy

Logo anvil, dark sections, nav, footer

#B8C9E0

Wave Light

--wave-light

Logo wave, secondary text on dark

#F5F2EC

Fog Drift

--fog-drift

Primary background — warm cream

#15293F

Navy Deep

--navy-deep

Gradient depth, layered panels

#27497A

Navy Raise

--navy-raise

Cards sitting on navy backgrounds

#1C1C20

Fundy Slate

--fundy-slate

Body text on light backgrounds

#C9A96A

Ember Gold

--ember-button

Primary CTAs, kickers, accents

#9E7D42

Ember Hover

--ember-hover

Button hover state

#70592D

Ember Dark

--ember-dark

Gold text on cream/white (WCAG AA)

Light section

The Forge Standard

Precision-built
for your business.

Hand-coded sites that do exactly what you need — and nothing you don't.

View services

Dark section

The Forge Standard

Precision-built
for your business.

Hand-coded sites that do exactly what you need — and nothing you don't.

02 — Typography

A serif that speaks.
A sans that works.

Gloock carries the headlines — expressive at regular weight, never bolded. DM Sans does everything else. Two families, no exceptions.

display

Gloock 400 · clamp(4–10rem) · lh 0.92

Homepage hero only

Not Built.
Forged.

h1

Gloock 400 · clamp(3.5–7rem) · lh 0.95

Page heroes

Precise work.

h2

Gloock 400 · clamp(2.5–4.5rem) · lh 1.05

Section headings

The work speaks.

h3 / h4

DM Sans 500–600 · 1.5–2.75rem · lh 1.3

Card and item titles

Built without shortcuts.

body-lg

DM Sans 400 · 1.125rem · lh 1.7

Lead paragraphs, descriptors

Hand-coded websites for businesses that expect a return. No templates, no platform rent — fast, measurable sites engineered to convert.

body

DM Sans 400 · 1rem · lh 1.7

Standard body copy

Every site is the result of hundreds of small decisions, most of which the client will never see. I make them anyway — corners don't get cut in the places you can't see.

label

DM Sans 500 · 0.6875rem · uppercase · 0.16em

Eyebrow kickers, tags

Brand System  ·  Web Design  ·  Atlantic Canada

Split headline — light

Forged to last.
Forged by one.

Split headline — dark

Forged to last.
Forged by one.

03 — Logo

The anvil
and the wave.

Forge and Fundy in one mark. White on navy, two-colour on cream — never stretched, never recoloured, never smaller than it can be read.

Primary wordmark

Fundy Forge

Primary logo

Fundy Forge primary logo, two-colour

Secondary logo — Anvil

Fundy Forge anvil logo, two-colour

Circle icon

Fundy Forge circle icon

Primary wordmark — reversed

Fundy Forge

Primary logo — reversed

Fundy Forge primary logo, reversed

Secondary logo — Anvil

Fundy Forge anvil logo, reversed

Circle icon

Fundy Forge circle icon, white

Rules

  • Fixed height, width auto — never stretch
  • White variant on navy only; two-colour on light only
  • Minimum: icon 32px, full logo 28px

04 — Components

One gold button
per screen.

CTA hierarchy is a rule, not a suggestion: one primary action per screen, arrow links for everything secondary. Gold never competes with gold.

Buttons — light

Primary Secondary Arrow link

Buttons — dark

Primary Ghost Arrow link

Tags

Web Design Brand Identity Development E-commerce

Metric card

3.2× more leads than the template site it replaced

05 — Voice & Tone

Say it once.
Mean it.

Strong, not loud

Make a clear claim. Don't hedge. Don't shout.

Precise, not cold

"We build fast, focused websites" — never "we deliver solutions."

Rooted, not provincial

Atlantic Canadian identity is a strength, not a limitation.

Proven, not promised

No claim ships without a number or a name behind it.

Approved CTAs

  • Start a project
  • Book a free call
  • See the work
  • View case study
  • Let's talk

Never

  • Transform your digital presence today!
  • Leverage our innovative solutions
  • Click here to get started!!!
  • Passionate about delivering synergy
  • Enterprise-grade, zero-friction results

06 — Motion

Snap,
don't drift.

Elements reveal once as they enter the viewport — 420 milliseconds, a crisp curve, fourteen pixels of travel. No parallax, no floating, no looping animation fighting for attention. You've been watching the system work the whole way down this page. And when a visitor asks for reduced motion, everything simply appears.

Want a system like this for your brand?

Brand identity engagements ship with a living page like this one — colour, type, logo, and voice, documented where your whole team can find it. Built alongside the website, not bolted on after.

  • You control the website
  • No retainers required
  • Replies within one business day