Design System

Foundation

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

View in Figma

Color

14 color palette - 400 color degradation

Effect

7 shadow elevations - 6 Blur Effects

Grid & Spacing

4 pixel grid

Material

5 Materials - light & dark mode

Typography

14 style - 8 variants

Utilities

9 components

Components

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

View in Figma

Accordion

4 components - 72 variant

Aspect Ratio

17 variant

Badge

3 components - 81 variant

Breadcrumb

2 components - 4 variants

Button

Component

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.

View in Figma

Appstore Badge

5 component - 25 variants

Avatar

3 component - 40 variants

Bezels

14 device

Brands

400 Logo

Crypto Logos

300 Crypto logo

Emojis

100 Emoji

File Type

8 component - 45 variants

Flags

200 Flag

Keyboard

4 components

Loading

6 component - 31 variant

Payment Cards

44 card

Press Logos

200 Press Logo

Profile Images

100 Image - 400 variants

Shapes

50 Illustration

Socia media Logos

30 logo

Pattern

Additional elements and utilities that support the design system.

View in Figma

Video Player

2 variants

Tapbar / Bottom Nav

24 variants

Section: Base

66 variants

Notifications

2 variants

Menu: Context / Dropdown / Mega

35 variants

Grid

35 variants

Top Nav / Header Menu

5 variants

Chat Input

17 variants

Charts

10 variants

Card: Team Member

8 variants

Card: Ecommerce

9 variants

Card: Blog

30 variants

Card: Basic

2 variants

Table

1 variant

Sidebar

2 variant

Search Field

2 variants

Form

8 variants

Dialogue

2 variants

Date Picker

3 variants

Command Search

2 variants

Color Picker

2 variants

Code Snippet

4 variants

Chat Input Field

2 variants

Alert Dialog

2 variants

Blocks

Pre-designed layout Blocks based on Patterns to create pages and screens.

View in Figma

Testimonials

7 variants

Section 2

8 variants

Section 1

14 variants

Pricing model

12 variants

Hero

10 variants

Footer

5 variants

Features 2

12 variants

Features 1

11 variants

FAQ

5 variants

Dashboard

5 variants

Blog

13 variant

Activity Feed

3 variants

404 Page

5 variants
VOIT Design System - Premium Figma UI Kit for Scalable Products | Product Hunt
Design System
FoundationMiscellaneousComponentsPatternsBlocks
Templates (Soon)
Pages
LibraryPricing & FAQInsightsDocsChangelog
legal
LicensePrivacy PolicyTerms & Conditions
Follow
XTelegramLinkedIn
Contact
Contact Us
© 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.