Inside VOIT — Design Tokens, Components & UI Foundations

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

Pattern

Additional elements and utilities that support the design system.

Table

Sidebar

Search Field

Form

Dialogue

Date Picker

Command Search

Color Picker

Code Snippet

Chat Input Field

Alert Dialog

© 2025 Voit. All rights reserved.
‍
Voit is an independent project and is not affiliated with or endorsed by Figma.
The Inter typeface used in Voit is licensed under the SIL Open Font License v1.1 and was designed by Rasmus Andersson.
Icons in Voit are placeholders from Material Symbols, licensed under the Apache License 2.0.

All rights to the VOIT name trade mark, identity, assets, and intellectual property are exclusively held and protected by TOHME LLC, a legally established company with operational presence in Berlin, Germany and Beirut, Lebanon. For trademark inquiries, partnerships, or product support, please contact us at hello[at]voit.io. Our team responds during business hours in both Germany and Lebanon.
‍
We maintain strict confidentiality across all communications. Please refer to our Privacy Policy and Terms of Service for more details.