VOIT - Design System

Design System

Foundation

Basic elements such as colors, typography, spacing, and grid systems.

Color

14 color palette - 400 color degradation

Effect

7 shadow elevations - 6 Blur Effects

Grid & Spacing

Material

5 Materials - light & dark mode

Typography

14 style - 8 variants

Utilities

Components

Reusable UI elements like buttons, forms, modals, and more.

Accordion

4 components - 72 variant

Aspect Ratio

Badge

3 components - 81 variant

Breadcrumb

2 components - 4 variants

Button

Button Tab & Nav

3 components - 16 variants

Button Tile

7 components - 43 variants

Card Header & Footer

3 components - 14 variants

Combobox

12 components - 22 variants

Digit Entry

2 component - 4 variants

File Drop

3 components - 14 variants

Index Bar

1 component - 2 variants

Info Label

1 component - 3 variants

Inline Message

4 component - 14 variants

Link

5 components - 44 variants

List Item

1 component - 3 variants

List Menu

3 component - 14 variants

List Tree

1 component - 7 variants

Page Control

4 component - 23 variants

Pagination

4 components - 13 variants

Popover

6 component - 22 variants

Progress Bar

8 components - 25 variants

Progress Indicator

9 components - 34 variants

Radio Button

2 component - 12 variants

Segmented Control

12 component - 88 variants

Select Field

9 component - 112 variants

Shortcut

1 component - 7 variants

Slider

5 component - 44 variants

Stepper

1 component - 36 variants

Tag

32 component - 124 variants

Text Area

12 component - 107 variants

Text Field

13 component - 40 variant

Toast

2 component - 31 vaints

Toggle Switch

4 component - 50 variants

Toolbar

7 component - 40 variants

Tooltip

1 component - 16 variants

Miscellaneous

Additional elements and utilities that support the design system.

Appstore Badge

5 component - 25 variants

Avatar

3 component - 40 variants

Bezels

Brands

Crypto Logos

300 Crypto logo

Emojis

File Type

8 component - 45 variants

Flags

Keyboard

Loading

6 component - 31 variant

Payment Cards

Press Logos

Profile Images

100 Image - 400 variants

Shapes

50 Illustration

Socia media Logos

Ready to Level Up Your Product Design?

Designed to empower your creativity and streamline every detail.