For designers
Here you'll find everything you need to get started designing in Intility.
Explore our components and get to know our brand assets and how to best use them!
Components
Accordion
Vertical menu with collapsible panels
BackButton
Click to navigate to previous page
Badge
Colored text label to highlight information
BottomBar
Fixed position bottom content panel
Box
Customizable box to apply bifrost background, padding, shadow, and border.
Breadcrumbs
Display a path to the active page
Breakpoint
Conditionally display content based on screen width
Button
For click events
Card
Panel with optional title, content and image
Checkbox
Square with a toggleable checkmak
CheckboxCard
Toggleable panel
DatePicker
Input field for selecting a date
Drawer
Fixed position expandable right-hand sidebar
Dropdown
Display a positioned toggleable pop-up
FieldGroup
Group multiple input fields together
FileInputArea
Drag and drop area for files
Icon
Display a Font Awesome SVG
Input
Editable single-line text input field
Menu
Menu with vertical or horizontal layout
Message
Colored text box to highlight information
Modal
Pop-up box with full-screen backdrop
Nav
Main navigation menu top- and sidebars
Pagination
Buttons for paged tables or grids
ProgressBar
Display progress as percentage
Radio
Toggleable circle, for single-choice group
Section
Section card with a heading (optionally clickable)
Select
Input field with multiple options in a dropdown
StepBar
Visualise steps in a wizard
Sticky
A floating box that stays put within a section while scrolling
Switch
Toggleable switch button
SwitchCard
Toggleable switch card
Tabs
Bar of buttons to switch between content panels
Tag
Small clickable button
TextArea
Editable multi-line text input field
Tooltip
Display a positioned pop-up on hover
Hi, designer!
You can request new components, changes or give feedback on our design system. Contact us and start collaborating today!
