Interfere Design System

Getting Started

Foundations

Brand Colors Shadows

Typography

Fonts Heading Text Caption

Primitives

Accordion Avatar Badge Breadcrumb Button Calendar Carousel Checkbox Collapsible Command Dialog Divider Drawer Dropdown Menu Duration Form Icon Button Input Input OTP Kbd Label Popover Radio Reaction Pill Scroll Area Select Spinner Switch Table Tabs Textarea Toast Tooltip

Components

Connect Provider Filter Bar Wizard Step

Events

Event Icon Badge

Problems

Problem Card Problem Category Problem Investigation Status Problem List Row Problem Priority

Releases

Sessions

OS + Browser Icons Session List Row Session Timeline Row

Surfaces

Timeline

Timeline Emoji Picker Timeline Marker Initial Detection Item Free Text Item Code Block Item Linked Entity Item Priority Item Status Item Assignee Item Loading Item Comment Item Comment Comment Editor Reply Mention Input

States

Brand

The Interfere logo and wordmark in their approved usage on light and dark backgrounds.

Wordmark Large

Wordmark Small

Icon

Previous

Introduction

Next

Colors