FIG.01 — HERO ASSEMBLY
Websites engineered
to spec, built to last.
We draft, measure, and assemble bespoke sites for UK small businesses. Every component documented, every dimension intentional, every revision tracked.
FIG.02 — MATERIAL SPECIFICATION
Approved finishes
[ 01 ] bg
#0B2545
[ 02 ] surface
#13315C
[ 03 ] text
#D9F4FF
[ 04 ] muted
#6FA8C8
[ 05 ] accent
#FF6B35
[ 06 ] accent2
#FFD166
FIG.03 — TYPOGRAPHIC SCHEDULE
Approved typefaces
// DISPLAY / IBM PLEX SANS 700
Aa
→ Heading, hierarchy 01
→ Cap height 720
→ Tracking -2%
// BODY / IBM PLEX SANS 400
The quick brown fox jumps over the lazy dog. 0123456789.
→ Body copy, baseline 16px
→ Line-height 1.55
→ Tracking 0
// LABELS / JETBRAINS MONO 500
[ REV.A ] DRAWING NUMBER 0142
→ Captions, dimensions, callouts
→ All caps, 12px
→ Tracking +5%
Best for
Engineering, architecture, technical B2B, anyone selling craft, accuracy, or built-to-spec work.
Real-world examples
- HashiCorp ↗Schematic line illustrations, technical mono, deep-blue + cyan accents.
- Linear / Method ↗Architectural diagram language and technical annotation styling.
- Railway ↗Engineering-led B2B feel, grid backgrounds, infrastructure diagrams.
Like this direction?
Start a project with Drafting Table as the brief.
A free design concept of your homepage in this style. No payment, no obligation.
