Style Guide

A guide to all common components used in Tiles.
Colors
Primaries, shades and text and any other color style used in Tiles.
Primary 1
#00A6ED
Primary 2
#FF7D00
Primary 3

#4CB944
Primary 4
#F03A47
Dark (Text)
#292F36
Dark (BG)
#1B1E22
Shade 1
#F4F5F6
Shade 2 (Border)
#DDE0E3
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
“Quote Text”
Buttons
Component, text style and size variations
Form Inputs
General style and state variations for text inputs.
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Hint Text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input Sizes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkbox & Radio
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Icons
You know ‘em, you love ‘em. Little pictures that help out in various ways.
Interface
Social
Service
Decorative