Vozra Design System

A comprehensive guide to the visual language, components, and patterns used across the Vozra ecosystem.

Color Palette

Brand & Primary

Blue 600 (Primary)

Blue 500 (Hover)

Indigo 600 (Accent)

Backgrounds

#0B0F19 (Main Bg)

#151B2B (Card Bg)

Black (Contrast)

Neutrals

White

Zinc 400 (Body)

Zinc 800 (Borders)

Semantic

Success

Error

Warning

Typography

Display (Hero)

Fix your home.

Heading 1

Communicate without barriers.

Heading 2

Features & Benefits

Heading 3

Voice Translation

Body Large

The voice-first messaging app for homeowners and contractors. Speak naturally—they hear it in their language.

Body Default

We use third-party services (like Apple Speech and translation APIs) to process your messages. We do not sell your personal chat history to advertisers.

Caption / Small

Components

Buttons

Inputs & Fields

Cards (Bento Style)

Feature Card

Card description goes here.

Content for the card. This uses the standard card component styled for dark mode.

Badges

DefaultSecondaryOutline

Custom Hero Badge

Iconography

Using Lucide React icons. 2px stroke width standard.

Mic

Sparkles

Download