Internal — noindex

Blueprint design system

Every token and component on one page. The binding spec is docs/design/DESIGN-SYSTEM.md — if a page builder ships something that is not on this page, it is off-system.

Tokens 01

Color

Paper + line-work

  • paper

    #FAF8F4

    page background

  • paper-warm

    #F3EFE7

    wells, alternating sections

  • paper-raised

    #FFFFFF

    cards, bento cells

  • hairline

    #E6E1D6

    1px borders on paper

  • blueprint

    #B9C2D2

    line-work motif (decorative)

Ink scale

  • ink

    #101B2D

    16.3:1 — primary text + dark panels

  • ink-muted

    #3E4C63

    8.2:1 — secondary text

  • ink-soft

    #64718A

    4.6:1 AA — captions, annotations

  • ink-faint

    #9AA3B5

    2.4:1 — decorative only

  • ink-raised

    #1A2A45

    raised panel on ink

Safety orange + semantic

  • safety

    #FF4D00

    display text + graphics + buttons on dark

  • safety-text

    #C63D00

    4.9:1 AA — links, buttons on light

  • safety-deep

    #A33200

    primary button hover

  • safety-tint

    #FFEFE8

    data-highlight wash

  • success

    #1A7F4B

    4.7:1 AA — verified positives

  • success-tint

    #E4F2EA

    success badge wash

Tokens 02

Type scale

display-xl · clamp 42→88px · hero only

Stop losing $27,000 a year

display-lg · clamp 34→68px · major statements, hero stats

Stop losing $27,000 a year

display · clamp 28→48px · section headings

Stop losing $27,000 a year

display-sm · clamp 24→32px · card titles, tier prices

Stop losing $27,000 a year

display-xs · clamp 20→24px · small serif titles, quotes

Stop losing $27,000 a year

body — Inter · text-lg / text-base / text-sm

Lead paragraph, 18px. One idea per sentence. A number beats an adjective.

Body copy, 16px. Short sentences. Payback stated in weeks, not "soon".

Caption, 14px, ink-soft — attribution and softening lines ("vendor-reported — up to").

annotation — 13px, +8% tracking, uppercase, semibold

150 missed calls / mo · measured

serif italic — testimonials and pull quotes only

“The schedule builds itself and I see labor in dollars before Friday.”

Brand

Path-based SVG — no font dependency. Letterforms take currentColor; the plot point is always safety orange. Clear space: half the mark height on every side.

Favicon: the R mark on a paper tile

Components 01

Buttons and badges

Three button styles, one job each. Primary is the $299 audit — one per viewport. All pairs are AA.

on paper

on ink (onDark)

badges

HIPAA-aware buildMost popularLive in 6 weeksReno — AI assistant

Components 02

Stat blocks

The dimensioned number — our signature motif. Max one accent stat per viewport; every figure is ours-and-verifiable or softened to 'up to'.

$27,000lost / year to missed callscategory anchor — restaurants
up to 43%quote close rate after follow-upvendor-reported — softened
6 weeksfrom audit to first workflow liveour median, 2025 builds
30%of bookings fully automatedQuality Service Co. pattern
85%show rate on paid auditspaid-call playbook, Q1 2026
$299credited 100% to first invoice

Components 03

Bento grid + cards

12 columns, uniform gutters, size = hierarchy: the biggest cell carries the most important claim.

Lead cell · md:col-span-8

Your phone rings 150 times a month. Somebody should answer it.

The biggest tile holds the page's main claim. Supporting tiles get smaller as the claims get smaller — never the other way around.

25%of calls missed — owner math

Linked card

Whole card is the link. Shadow lifts on hover, 150ms.

Read the case study →

Static card

White raised surface, hairline border, soft shadow.

Quiet card

Paper-warm well for secondary content. No shadow.

Components 04

Dashboard framing

Every product screenshot sits in the browser frame — dark command-center UI is expected inside light pages. This one is a placeholder mock; real pages use sanitized screenshots.

Blueprint line-work

corner / grid / dimension variants. Decorative only, aria-hidden, max one placement per section.

Components 05

Proof and pricing

One strong testimonial beats a wall. Prices are published — anchored against the cost of hiring a human, never against subscriptions.

20 hrsback per week

“Placeholder quote — swap for the approved client quote before any page ships. Layout: metric, serif italic quote, initials tile.”

Sample ClientOwner, Placeholder Co.

AI Front Desk

One high-value workflow: Reno answers, books, and syncs to your calendar.

$7,500one-time build
$650/momanaged — flat, includes hosting

vs. a part-time front-desk hire at $2,800–$4,500/mo

  • Reno intake / phone-answering agent
  • Booking + one CRM or calendar sync
  • Human-reviewed handoff logic
  • Monthly results report
Most popular

Command Center

The multi-workflow build behind our case studies.

$22,000one-time build
$2,250/momanaged — flat, includes hosting

vs. multi-workflow agency projects at $15K–$50K plus $4K–$8K/mo retainers

  • Scheduling, pipeline, customer 360
  • Automated follow-ups + reputation loop
  • Weekly owner dashboard
  • Everything in AI Front Desk

Components 06

FAQ items

Native details/summary — no JS. Mirror the same data into FAQPage JSON-LD at the page level.

What does a build cost?

Tier 1 starts at $7,500 one-time plus $650/mo managed. Tier 2 — the shape of most of our builds — is $22,000 plus $2,250/mo. Tier 3 is $48,000 plus $4,800/mo. Every number is on the pricing page.

Why is the first call $299?

Because we do real prep work before it, and paid calls show up: you charge for consults, so do we. The $299 is credited 100% toward your first invoice, and you get your AI Opportunity Map in writing within 24 hours either way.

Will this replace my staff?

No. We build systems that cut waste, not people — the hours come back from missed calls, unanswered quotes, and manual re-typing, not from headcount.

The only next step we sell

Book your AI Systems Audit

A 45-minute working session on your numbers — not a sales call.

  • $299 to book. Non-refundable — we do real prep work before every call.
  • If we work together, it’s credited 100% toward your first invoice.
  • Either way, you leave with your AI Opportunity Map: 3–5 concrete automation opportunities for your business, in writing, within 24 hours.

Free reschedule up to 24 hours out. Credit valid 30 days.