Design System Specimen

BLUEPRINT

Home Improvement × B2B SaaS Landing Page

01 — Philosophy
Precision. Clarity. Trust.

Blueprint is designed for the construction industry — professionals who read plans, measure twice, and build to spec. Our visual language borrows from technical drawings: grid lines, ruler marks, and clean orthographic layouts that feel familiar to anyone who has ever unrolled a set of blueprints.

Technical
Reliable
Scalable
02 — Color Palette, Patterns & Textures
Blueprint White #F0F4FA
Blueprint Blue #1A5276
Safety Orange #E65100
Lumber Tan #A1887F
Concrete #78909C

Measurement Scale — Ruler Pattern

Nail/Screw Dot Accents

Blueprint grid background (visible on body) — Fine blue-on-white lines at 20px/100px intervals
03 — Typography
H1 / 48px / 700
Build Better Projects
H2 / 36px / 600
Contractor Network
H3 / 24px / 600
Material Sourcing
H4 / 18px / 600
Specification Detail
Body / 16px / 400
Manage supplier relationships, track material costs, and coordinate project timelines across your entire contractor network from a single dashboard.
Caption / 13px / 500
Last updated: Section 4B — Rev. 3.2.1
04 — Layout & Spacing
4px
8px
16px
24px
32px
48px
64px
96px
05 — Iconography
📐
Schedule
🏗
Build
📦
Materials
📊
Reports
👥
Team
Settings
🔔
Alerts
💰
Billing
🔒
Security
📄
Documents
06 — Imagery & Media
Hero / Feature Image
1440 × 640 — Full-width blueprint-framed photo
Product Screenshot
720 × 480
Team / Client Photo
720 × 480
07 — Navigation
08 — Inputs
09 — Actions
10 — Feedback
Project "Redwood Phase 3" has been saved successfully.
Material delivery for Site B is delayed by 2 days. Review schedule.
License verification failed for SubCo #4412. Action required.
i Platform maintenance scheduled for Sunday 2:00–4:00 AM EST.
11 — Content Blocks
Client
Redwood Builders
Sector
Commercial
Team Size
340+
Since
2021
"Blueprint eliminated the chaos of coordinating 40+ subcontractors across 12 active sites. We reduced scheduling conflicts by 73% in the first quarter."
— Marcus Chen, VP Operations
12 — Data Display

Metric Callouts

47%
Faster
Project completion time
$2.1M
Saved
Average per enterprise/yr
99.8
Uptime %
Platform reliability
14K
Projects
Currently managed

Trust Badges — Certification Stamps

SOC 2 Certified
OSHA Compliant
ICC Licensed
ISO 27001
13 — Context Components

Hero Section

Project Management Built for Construction

From blueprint to build-out

■ 14,000+ Active Projects  |  2,400+ Contractors  |  $3.2B Materials Tracked

Feature Blocks

📐

Project Scheduling

Gantt charts built for construction timelines. Track dependencies, milestones, and material deliveries.

🏗

Contractor Hub

Source, vet, and manage subcontractors. License verification, insurance tracking, and performance ratings.

📦

Material Sourcing

Compare suppliers. Track inventory levels. Automated reorder points. Bulk pricing negotiation tools.

Logo Bar — Contractor / Supplier Logos

BuildCorp
SteelWorks
TimberCo
Mason&Sons
Apex HVAC
ProPipe

Pricing Table

Foreman
$149
per month / 5 users
  • Up to 10 active projects
  • Basic scheduling
  • Material tracking
  • Email support
Enterprise
Custom
unlimited users
  • Everything in GC plan
  • Multi-region support
  • Custom integrations
  • Dedicated CSM
  • SLA guarantees

CTA Banner

Ready to build smarter?

14-day free trial. No credit card required. Full platform access.

Footer