G-110 PALETTE
Nine colors, fourteen tokens
Paper, ink, and one accent carry the whole template. The other six mark states, hints, and the lines that are not inked yet.
C-01
#F1F2EE
Paper
color/surface
color/text-inverse
color/border-inverse
The page, cards, chips, and every label that sits on the drawing.
C-02
#1B1D1A
Ink
color/text-primary
color/surface-inverse
color/border
color/text-on-accent
Headings, body text, sheet frames, walls in plans, and the closing sheet.
C-03
#E4572E
Accent
color/accent
Dimensions, stamps, the active tick, and the accent button.
C-04
Text secondary
#6A6E67
color/text-secondary
Small labels in title blocks, week numbers, and filter tabs at rest.
C-05
Text disabled
#A0A19D
color/text-disabled
Inactive text, and placeholders on ink.
C-06
Border subtle
#D3D4D0
color/border-subtle
Lines before they are inked, progress tracks, and row dividers.
C-07
Accent pressed
#C04D2A
color/accent-pressed
The pressed flash of primary and accent buttons. Hover never rests on it, because ink text on it is only 3.5:1.
C-08
Accent subtle
#F0E2DB
color/accent-subtle
Row hover in lists and tables.
C-09
Overlay
#1B1D1A AT 60%
color/overlay
Ink laid over photos, behind text.
G-120 TYPE
SET IN IBM PLEX SANS CONDENSED, DISPLAY/DEFAULT 96 / 92
Plans your
contractor can
build from without
calling us.
IBM PLEX SANS CONDENSED
REGULAR MEDIUM SEMIBOLD
Headings, body text, buttons, and links.
IBM PLEX MONO
REGULAR MEDIUM
A-101 S-01 T-01 J-04
LICENSE
Both from Google Fonts under the Open Font License, free to use on any site.
Two families, twenty-eight styles
Each style is set at its real size, in its real job, with the line it takes measured beside it.
IBM PLEX SANS CONDENSED 14 STYLES
Display/Default
96 / 92 MEDIUM -2%
Projects
Page titles, the hero headline, the closing heading, Sheet index numbers.
Display/Number
64 / 64 SEMIBOLD -2%
A-101
Sheet numbers and process step numbers.
Heading/Section
56 / 56 MEDIUM -2%
How long each service takes
Section headings.
Heading/Quote
48 / 52 MEDIUM -2%
Never called us with a question.
The testimonial quote.
Heading/Item
28 / 32 MEDIUM -1%
Northeast Studio Loft
Service names, project and article titles, package names, step titles.
Heading/Question
24 / 30 MEDIUM -1%
Do you work outside Minneapolis?
FAQ questions, material names in the lead times chart.
Body/Large
20 / 28 REGULAR 0%
We answer inside one business day.
The hero subheading and section intros.
Body/Default
17 / 24 REGULAR 0%
24
Sourcing lead times, updated each quarter. Nothing else.
Facts, excerpts, answers, and notes.
Body/Strong
17 / 21 MEDIUM 0%
21
Whole Home Design
Values in title blocks.
Body/Proof
18 / 23 MEDIUM 0%
23
Every project is led by an NCIDQ certified designer.
The proof line beside a stamp.
Label/Button
18 / AUTO MEDIUM 0%
23
Book a consult
Button labels.
Label/Button small
16 / AUTO MEDIUM 0%
21
Start a project
The button in the compact nav.
Label/Link
18 / 23 MEDIUM 0%
23
See our work
Text links.
Label/Link small
17 / 22 MEDIUM 0%
22
Read it
Read it links on cards and sheets.
IBM PLEX MONO 10 STYLES
Mono/Nav
13 REGULAR
01 Services
Mono/Code
13 MEDIUM
A-301
Mono/Caption
12 REGULAR
2026-09-23
Mono/Label
11 REGULAR 6%
LAST ISSUED
Mono/Label strong
11 MEDIUM 6%
MARCUS TELLER
Mono/Stamp
11 MEDIUM 8%
NCIDQ REVIEWED
Mono/Dimension
11 MEDIUM 4%
22'-6" HEADLINE
Mono/Tag
10 MEDIUM
F1
Mono/Arrow
16 REGULAR
→
Mono/Icon
22 REGULAR
+
IBM PLEX MONO, INSIDE PLANS 4 STYLES
Plan/Room
12 MEDIUM
KITCHEN
Plan/Number
11 REGULAR
101
Plan/Dimension
11 MEDIUM
8'-4" ISLAND
Plan/Note
9 REGULAR
REF
G-130 LINES AND SPACING
Five line weights, one spacing ladder
Draw your own plans with these weights and every drawing stays one set. Every gap in the template is a step on the ladder.
LINES 5 WEIGHTS AND ONE RADIUS
stroke/border
1 PX
Sheet frames, dividers, buttons, and dimension lines above text.
stroke/dimension
0.9 PX
Dimension lines inside plans.
stroke/fixture
1.2 PX
Furniture, fixtures, and cabinets in plans.
stroke/tick
1.4 PX
The slash at each end of a dimension.
stroke/stamp
1.5 PX
Stamp frames.
radius/none
0 PX
Every corner is square, on buttons, cards, fields, and photos.
SPACING ROLES 4 TOKENS
space/section
120 PX
Top and bottom of every section, so two sections meet 240 apart.
space/column-gap
80 PX
Between two text columns in one section.
space/page-margin
60 PX
Left and right edge of the page at 1440.
space/sheet-margin
20 PX
Between a sheet frame and its content, and between cards in a grid.
SPACING LADDER 21 STEPS
space/2
2
space/4
4
space/6
6
space/8
8
space/10
10
space/12
12
space/14
14
space/15
15
space/16
16
space/20
20
space/22
22
space/24
24
space/30
30
space/36
36
space/40
40
space/52
52
space/56
56
space/60
60
space/80
80
space/120
120
space/160
160
G-140 PARTS
Buttons, marks, and cards
Each part is shown at rest, on hover, and with keyboard focus. Hover and focus each follow one class for the whole template.
BUTTON PRIMARY
BUTTON SECONDARY
LINKS
NAV LINK, REST
03 About
NAV LINK, HOVER OR CURRENT PAGE
03 About
TEXT LINK, REST. HOVER REDRAWS THE LINE FROM THE LEFT
See our work
→
TEXT LINK, FOCUS
See our work
→
TABS
REST
PRICING
01
HOVER
PRICING
01
SELECTED
ALL
04
FOCUS
PRICING
01
MARKS
STAMP
NCIDQ REVIEWED
Every project is led by an NCIDQ certified designer.
FINISH TAGS
F1
F2
P1
DIMENSION
8’-4” ISLAND
LIST ROW
REST
S-01
Consultation
→
HOVER
S-01
Consultation
→
FOCUS
S-01
Consultation
→
FIELD
REST
For example jordan@example.com
ERROR
jordan@example
Check this email, it looks incomplete.
FOCUS
For example jordan@example.com
ON INK, AS IN THE CLOSING CALL AND THE NEWSLETTER
REST
HOVER
FOCUS
ARTICLE SHEET, FROM JOURNAL
Lead times in Minneapolis right now
J-04
Upholstery is running 10 to 14 weeks, custom cabinetry 8 to 12, and stone is back to normal. Updated each quarter.
CATEGORY
Sourcing
4 min
ISSUED
2026-09-02
PERSON SHEET, FROM ABOUT
EVERY CARD IS A SHEET
Frame
A 1 px ink frame with 20 px inside, or a single rule above when sheets sit in a grid.
Title strip
A rule, the title, then small capital labels over their values.
Code
In the corner, counted from the collection: A-301, S-01, T-01, J-01.