top
About
Team
Blog
Contact
Tribe’s style guide offers you complete control of the UI kit.
Colors
Primaries and grays controlled by the Global Swatch feature.
Primary 1
#C4DD2A
Primary 2
#304A43
Primary 3
#FF9B71
Dark
#20312D
White
#FFFFFF
Border
rgba(0,0,0,0.1)
Shade 1
#DDD92A
Shade 2
#496F64
Typography
Headings, body and other common text elements.
Display
Heading One
Large Heading
Heading Two
Medium Heading
Heading Three
Heading Four
Heading Five
Heading Six
Large Text
Large Link
Body Text
Body Link
Small Text
Small Link
Fine Print Text
Fine Print Link
Uppercase Text
Quote Text
Buttons
Component, text style and size variations
Sizes
Button
Small
Solid Colors
Primary 1
Primary 2
Primary 3
Shade 1
Shade 2
White
Bordered
Bordered
Style Variations
Default
Squared Edges
Icon Button
Media Buttons
Icons - Interface
Common interface iconography used for controls etc.
Icons - Social
Icons for popular social media brands.
Form Inputs
General style and state variations for text inputs.
Input
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Textarea
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Form Label
Hint text uses Fine Print size.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Selectables
Styling for checkboxes, selects and radios.
Select
Choose an option
First Choice
Second Choice
Third Choice
Checkboxes
I have read and agree to the
Terms & Conditions
Radios
Radio Choice
Radio Choice
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Badges
Draw attention with these bite-sized badges.
badge text
badge text
badge text
badge text
Search for something
Popular links:
Tour
Shop
Blog
Contact