foundation
Trust blue
A clean, trustworthy system fits a professional plumbing business and keeps the contact path clear for service inquiries.
Color system
Trust blue · light · 16 semantic roles
- Background
- #F8FAFC
- Foreground
- #0F172A
- Card
- #FFFFFF
- Card foreground
- #0F172A
- Primary
- #1D4ED8
- Primary foreground
- #FFFFFF
- Secondary
- #E2E8F0
- Secondary foreground
- #0F172A
- Accent
- #0E7490
- Accent foreground
- #FFFFFF
- Muted
- #E2E8F0
- Muted foreground
- #475569
- Border
- #CBD5E1
- Focus ring
- #1D4ED8
- Destructive
- #B91C1C
- Destructive foreground
- #FFFFFF
Identity direction
- Concept
- Create an abstract flow mark built from three precise pipe-like line segments that join into a stable drop-and-path shape, paired with the exact name R.E.D. Plumbing Inc. for a clear professional identity.
- Logo lockup
- horizontal
- Wordmark case
- title case
- Clear space
- mark width
- Minimum digital size
- standard 32
- Palette key
- trust blue
- Font-pair key
- inter geist
- Symbol brief
- Original abstract geometry of three clean linear segments with rounded junctions forming a subtle water-flow path and contained drop silhouette, balanced construction, professional service character, paired with the exact wording R.E.D. Plumbing Inc.
- Avoid
- No wrench, no house icon, no mascot, no shield, no crest, no imitation of existing plumbing logos, no stock drop symbol, no photorealism, no clutter.
Typography
- Pair
- Inter with Geist
- Headings
- var(--font-sans), "Inter", Arial, sans-serif
- Heading weights
- 600, 700, 800
- Heading line height
- 1.06
- Body
- var(--font-geist-sans), "Geist", Arial, sans-serif
- Body weights
- 400, 500, 600
- Body line height
- 1.58
- Monospace
- var(--font-geist-mono), "Geist Mono", monospace
- Font loading
- next font bundled
- Font license
- approved open font
Spacing and density
- Density
- balanced
- Base unit
- 4 px
- Control gap
- 12 px
- Content gap
- 24 px
- Section gap
- 72 px
Layout and responsive behavior
- Hero layout
- split media right
- Desktop columns
- minmax(0, 1fr) minmax(0, 0.9fr)
- Media position
- right
- Container max width
- 1280 px
- Content max width
- 620 px
- Section vertical padding
- 96 px
- Section horizontal padding
- 24 px
- Mobile stacks
- Yes
- Mobile order
- content first
- Mobile breakpoint
- 768 px
Components and surfaces
- Corner style
- subtle
- Corner radius
- 8 px
- Component density
- balanced
- Minimum tap target
- 44 px
- Button minimum height
- 44 px
- Input minimum height
- 44 px
- Focus indicator
- visible ring
- Focus ring width
- 2 px
- Surface style
- bordered
- Surface border
- Yes
- Surface background
- card
- Surface shadow
- none
Motion and accessibility
- Motion profile
- restrained
- Fast duration
- 100 ms
- Standard duration
- 160 ms
- Easing
- cubic-bezier(0.2, 0, 0, 1)
- Reduced motion supported
- Yes
- Reduced-motion duration
- 0 ms
Governance
- Design catalog
- design-catalog-v1
- Token schema
- brandlift-design-tokens-v1
- Generation source
- gateway
- Revision
- 1
Selection decisions
palette
trust blueUses a dependable visual tone aligned to professional and trustworthy brand traits.
typography
inter geistSupports clear explanation of customer-confirmed services without excess styling.
density
balancedKeeps calls to action easy to find for inquiry-focused website goals.
shape
subtleUses a dependable visual tone aligned to professional and trustworthy brand traits.
motion
restrainedSupports clear explanation of customer-confirmed services without excess styling.
hero layout
split media rightKeeps calls to action easy to find for inquiry-focused website goals.
surface
borderedUses a dependable visual tone aligned to professional and trustworthy brand traits.
Validation and review
- Design checks
- Passed
- Validation run
- completed
- Logo review
- Approved
The operator approved this Design Agent checkpoint for non-production testing. BrandLift selected the first valid governed logo direction and retained the actor, time, validation evidence, and exact asset decision for audit.