Back to Home

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

© 2024 Vozra. All rights reserved.

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