SKOOT
UI Style Kit
Colour Palette
Primary Palette
Fill Colours
Secondary Palette
Lights and Darks
Typograhy Palette
Typography Styles
Headings
Typography - Rubik
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Body Copy
Typography - Rubik
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Large
Medium
Small
Badge
Quotes
Typography - Rubik
The ultimate Interface component kit built to create harmony across your products.
The ultimate Interface component kit built to create harmony across your products.
Additional Copy Elements
Typography - Rubik
- Example Item 1
- Example Item 2
- Example Item 3
- Example Item 1
- Example Item 2
- Example Item 3
- Example Item 1
- Example Item 2
- Example Item 3
Additional Copy Elements
Typography - Rubik
This line rendered as bold text.
This line rendered as italicized text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as deleted text.
You can use the mark tag to highlight text.
Elevation & Shadows
Elevation and Shadows
Outter Shadow, Inner Shadow
Avatars
Avatars
Corner Radius
TB
TB
T
T
T
Buttons
Field Elements
Alert Bars
Notification
Input Fields
