Instawork Design System

The Instawork Design System is a customized version of Bootstrap 4.3 to match the Instawork UI style guide.

Layout

This section covers several aspects of laying out a web page. This includes the grid system for high-level layout of page sections, flex utilities for arranging contents of UI components, and margin and padding utilities to organize information.

Learn more
Typography

This section covers standard headers and body styles.

Learn more
Components

Low-level UI elements used to build sections of web pages: buttons, links, dropdowns, alerts, icons, form inputs, etc.

Learn more
Patterns

Examples of higher-level groupings of UI elements, including sidebar sections and UI lists (lists of gigs, workers, etc).

Learn more
Colors

Showcase of Instawork color pallete.

Learn more
Icons

Custom icons provided by the design system.

Learn more
Gigs example

Full example of a gig dashboard.

Learn more
Marketing

Patterns using the marketing theme.

Learn more