foundation
Trust blue
A clear and dependable foundation that prioritizes legibility, familiar interaction patterns, and confident calls to action for the selected business context.
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
- A stable, immediately legible emblem built from a dependable service pathway anchored by a clear place-of-care gesture
- Logo lockup
- horizontal
- Wordmark case
- title case
- Clear space
- cap height
- Minimum digital size
- standard 32
- Palette key
- trust blue
- Font-pair key
- inter geist
- Symbol brief
- Develop the foundation identity around a dependable service pathway anchored by a clear place-of-care gesture. Use two or three anchored geometric forms, near-symmetrical balance, generous internal spacing, and one unmistakable focal gesture. The result should feel dependable, timeless, and exceptionally clear at small sizes without becoming a generic app icon. Use a different visual territory and central noun from the other candidates. The final logo may integrate the exact verified name as a wordmark, emblem, or monogram.
- Avoid
- Exclude generic stock symbols, template badges, unsupported claims, invented dates or credentials, resemblance to existing identities, and fragile detail, playful distortion, or decorative luxury cues.
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
- deterministic
- Revision
- 1
Selection decisions
palette
trust blueThe palette supports a trustworthy first impression with accessible semantic roles.
typography
inter geistThe typography favors fast scanning and durable body-text readability.
density
balancedThe split hero preserves a strong message hierarchy and a dedicated media area.
shape
subtleThe palette supports a trustworthy first impression with accessible semantic roles.
motion
restrainedThe typography favors fast scanning and durable body-text readability.
hero layout
split media rightThe split hero preserves a strong message hierarchy and a dedicated media area.
surface
borderedThe palette supports a trustworthy first impression with accessible semantic roles.
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.