foundation
Trust blue
A clear, trustworthy direction suits a plumber and supports fast customer decision-making. The system emphasizes professionalism, readable service information, and an obvious next step.
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
- An original symbol built from two interlocking flow lines that form a protected drop and subtle pathway, expressing dependable maintenance and clear service response for Lake Powell Maintenance.
- Logo lockup
- responsive pair
- Wordmark case
- title case
- Clear space
- cap height
- Minimum digital size
- standard 32
- Palette key
- trust blue
- Font-pair key
- inter geist
- Symbol brief
- Create a clean abstract symbol of two balanced geometric flow lines joining to form a central drop shape with a subtle sheltered negative space. Pair with the exact name Lake Powell Maintenance in a professional wordmark. Keep the form simple, distinctive, and service-oriented.
- Avoid
- No wrench, pipe clipart, house icon, shield badge, mascot, crown, star, water splash explosion, vintage stamp, or resemblance to any existing service brand.
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 trust-first visual system for a professional service category
typography
inter geistBalances clarity and approachability for customers seeking help
density
balancedSupports concise explanations of customer-confirmed offerings
shape
subtleKeeps calls to action easy to find and understand
motion
restrainedUses a trust-first visual system for a professional service category
hero layout
split media rightBalances clarity and approachability for customers seeking help
surface
borderedSupports concise explanations of customer-confirmed offerings
Validation and review
- Design checks
- Passed
- Validation run
- completed
- Logo review
- Approved
The operator invoked Let 'er Rip with an explicit persisted authorization covering this Design Agent checkpoint. BrandLift selected the first valid governed logo direction and retained the actor, authorization, time, validation evidence, and exact asset decision for audit.