System overview
- Hero
- type-led · center
- Surface
- light
- Density
- sparse
- Content width
- 720px
- Confidence
- medium
- Primary action
- Book a call
Color system
Light surfaces use 8 repeated semantic colors; the primary action carries the strongest interactive emphasis.
Page canvas
Dominant rendered page background.Surface
Repeated container or section fill; relative occurrence score 79.Surface
Repeated container or section fill; relative occurrence score 30.Surface
Repeated container or section fill; relative occurrence score 5.Primary text
Observed display foreground with 18.1:1 contrast against the captured canvas.Secondary text
Observed reading foreground; measured canvas-reference contrast is 9.3:1.Primary action
Fill used by the dominant first-viewport action.Border and divider
Most repeated inspectable border color.Typography
The observed type system assigns Geist to display, heading, body, body-small text; Geist Mono to label text.
Metric previews use the observed CSS values. Source font files are not bundled, so unavailable families fall back locally.A new kind of TPA.
Geist · 64px/67.2px · weight 650 · tracking -2.24px · color rgb(22, 21, 15)Run by people who've done this at scale.
Geist · 38px/43.7px · weight 600 · tracking -0.95px · color rgb(22, 21, 15)Veltha handles workers' comp claims with the newest AI and decides them with licensed professionals.…
Geist · 19px/31.35px · weight 400 · tracking 0px · color rgb(73, 70, 63)Every claim dollar is your dollar, and the injured worker is your employee. Veltha decides fast, so…
Geist · 15px/24.75px · weight 400 · tracking 0px · color rgb(73, 70, 63)Legacy TPA vs Veltha
Geist Mono · 12px/19.8px · weight 700 · tracking 1.44px · color rgb(138, 109, 36)Spacing & shape
Spacing
- Base unit
- 8px
- Section gap
- 112px
- Container
- 16px
16px17.5px24px9.5px28px112px8px48px13px56pxShape
Soft geometry is the dominant shape voice. Separation relies on borders and surface contrast rather than shadow.
- Containers
- 8px
- Media
- 50px
- Pills
- 999px
Inspect borders & shadows · 3
1px solid rgb(232, 229, 222)2px solid rgb(204, 161, 72)None observedComponent grammar
Hero
Opening proposition
Type led, center-aligned opening anchored by “Book a call”.
Inspect 4 properties
- Pattern
- type-led
- Alignment
- center
- Heading
- Geist · 64px / 650
- Media
- image-led
Navigation
Global wayfinding
Static navigation with 3 visible actions in the desktop opening.
Inspect 7 properties
- Text
- #49463f
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- Geist · 16px / 400
- Position
- static
- Height
- 41px
Primary action
Conversion
“Book a call” is the strongest first-viewport action by semantic intent and visual contrast.
Inspect 6 properties
- Background
- #cca148
- Text
- #16150f
- Border
- none
- Radius
- 8px
- Padding
- 12.8px 28px 12.8px 28px
- Type
- Geist · 16px / 600
Badge or tag
Compact status or category label
1 style-matched badge or tag instance was found among 1 candidates; properties describe the dominant observed cluster.
Inspect 6 properties
- Text
- #6f6b62
- Border
- 1px solid rgb(232, 229, 222)
- Radius
- 999px
- Padding
- 4.8px 13.6px 4.8px 13.6px
- Type
- Geist Mono · 12px / 600
- Candidate pool
- 1
Media frame
Visual proof
2 style-matched media elements were found among 4 rendered candidates; fill fitting and 0px are the most repeated treatments.
Inspect 4 properties
- Fit
- fill, cover
- Ratios
- 0.83, 1.00
- Radius
- 0px, 50px
- Candidate pool
- 4
Footer
Closing navigation
5 visible actions close the page on a transparent surface.
Inspect 6 properties
- Text
- #49463f
- Border
- 1px solid rgb(232, 229, 222)
- Radius
- 0px
- Padding
- 56px 0px 56px 0px
- Type
- Geist · 16px / 400
- Links
- 5
Layout & narrative
The homepage continues through 4 observed sections, moving from the opening proposition into Self-insured employers, Run by people who've done this at scale, Move your claims to Veltha.
- Structure
- Editorial product narrative
- Hero pattern
- Type-led hero: display copy is the primary graphic
- Grid
- 2 columns
- Closing
- Utility footer with 5 actions
Full section sequence · 4
- Self-insured employers
- Run by people who've done this at scale.
- Move your claims to Veltha.
- Carriers
Imagery, motion & responsive
Imagery
Image led media acts as the page’s primary visual proof rather than decoration.
fill fitting · square-edged framesInspect imagery inventory
- Composition
- A focused visual anchors the first viewport.
- Inventory
- 4 images/canvas elements and 0 videos across the analyzed homepage.
Motion
0 declared keyframes and 2 active animations were inspectable at capture; observed timing uses 550ms.
Reduced-motion rules detectedInspect motion inventory
- Libraries
- Lenis
- Keyframes
- None identified
- Durations
- 550ms
- Easings
- ease, ease, ease
- States
- hover
Mobile
The same 3 visible navigation actions remain at mobile width. Hero remains center-aligned; mobile heading size is 44px.
Primary content reads as a single-column mobile flow.Inspect responsive test
- Viewport
- 390 × 844
- Overflow
- No horizontal overflow detected
Reproduction guidance
Do
- Pair the observed #fefefe canvas with #16150f primary copy before adding secondary surfaces.
- Use Geist at 64px/67.2px, weight 650, for the primary display moment.
- Reserve the strongest first-viewport contrast for “Book a call” within the center-aligned type-led hero.
- Image led media acts as the page’s primary visual proof rather than decoration.
Don’t
- Do not mix in arbitrary radii; 8px is the repeated treatment on containers.
- Do not reuse the #cca148 action color across decorative elements; keep its interactive emphasis selective.
- Do not introduce extra type families beyond Geist and Geist Mono.
- Do not add card shadows; the source separates content without repeated elevation.