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

Sizes

Colors

Icons

Continue with Apple

Media

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

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