This minimal ui kit is a quiet set of buttons, fields, cards and navigation for products that should stay out of the way. It uses white surfaces, thin borders, one black accent and soft shadows, so the content leads.

What is included

• Black primary buttons with secondary, ghost and danger variants in five states and three sizes
• Text fields with focus, error, success and disabled states, a textarea, a select menu and choice controls
• Content, stat and profile cards, four tinted alerts, a dark toast, a modal and tooltips
• A settings list with toggles, an empty state card and a command palette with grouped results and key hints
• Navbar, tabs, breadcrumb, pagination, avatars and an accordion

Where to use it

Use it for SaaS dashboards, internal tools, documentation sites and admin panels where the interface should look calm and professional.

Design notes

Controls use an 8 px corner and cards use 12 px. Borders are #E4E4E7, and form controls get a darker edge that passes 3 to 1 contrast. The accent is near black #111114, with blue #2563EB reserved for focus. Status colors are darker tones that keep white text above 4.5 to 1.

Built for editing

Spacing sits on a 4 point grid and layers have clear names. Fonts are free on Google Fonts (Inter) and every color is a fill you can change in the fill panel. Text sizes stay at 12, 14, 16, 20 and 36 px, so the scale is easy to follow.

How to use it

Copy the kit with the copy button and paste it into Figma with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can edit text, colors and spacing. Install the free Google Fonts first so the text looks the same.