Getting Started

  • Introduction
  • Installation
  • Theming
  • Agentic Development

Foundations

  • Overview
  • Tokens
  • Colors
  • Typography
  • Scale

Components

  • Overview
  • Accordion
  • Alert
  • Badge
  • Breadcrumb
  • Button
  • Checkbox
  • Chip
  • Datatable
  • Date Time Picker
  • Divider
  • Dropdown
  • Dialog
  • Drawer
  • Empty State
  • Icon
  • Input
  • Navbar
  • Loading State
  • Pagination
  • Progress Tracker
  • Radio Group
  • Select
  • Selection Card
  • Sidebar
  • Switch
  • Tab
  • Textarea
  • Toast
  • Tooltip
  1. Documentation
  2. Overview
Github

Foundations

The building blocks of the design system — colors, typography, and spacing scale that ensure consistency across all Vroxal products.

Tokens

Tokens

Design tokens are the named values that power every visual decision — from color to spacing — ensuring consistency across all Vroxal products.

Colors

Colors

A structured color palette built on semantic tokens that adapt across themes and brands, ensuring accessible contrast and visual harmony.

Typography

Typography

A type scale and font system that defines hierarchy, readability, and brand tone across all text styles used in Vroxal products.

Scale

Scale

A spacing and sizing scale that provides consistent rhythm and proportion across layout, components, and interactive elements.