Jobilla Design System

Getting Started

Installation Usage Changelog Utilities

Principles

Dev Experience Future Adjustable Tight Integration

Guidelines

Animation Color Glossary Grammar Icons Spacing

Foundation

Loaders Locale Provider Text Provider

Components

Article Button Callout Datum Echo Link Money Paginator Reaction Panel Terminology Timeline Timestamp

Patterns

Action Box Breakdown Confirmation Dialog Drafting Table Dropdown Menu Explorer Inspector Meridian Navigator Page Pipeline Sheet Spotlight Table Toolbar Workbench

Forms

Overview Layout Validation

Checkbox Color Picker Select Field Text Field

Constructs

Attribute Sticker Candidate Bubble Job Tile Nametag Score Badge

Helpers

Structural button

Go to playground ›

Spacing & Sizing

We use a 4 pixel grid system, currently equivalent to the default tailwind settings.

JOBILLA DESIGN SYSTEM