Skip to content

UI Styling Guidelines

Jump to bottom
Lauren Hart edited this page Sep 26, 2018 · 1 revision

CSS Framework

This app will be using Bootstrap.
The documentation shows examples for certain elements in a component, or you can see examples of whole page layouts.

Guides

  • All pages should have centered content.
  • All buttons should be Light Blue.
  • All components should be responsive to tablet and mobile landscape size.

Icon

Logo

Colours

These are colours found within the logo itself and will look different across different browsers.

Light Blue (background)

  • #C0E7E7
  • rgb(192, 231, 231)

Dusty Blue

  • #A3C8D8
  • rgb(163, 200, 216)

Soft Mint Green

  • #98DBD6
  • rgb(152, 219, 214)

Dusty Lilac

  • #C3B8C6
  • rgb(195, 184 198)

Fonts

Clone this wiki locally