Colours

There are 6 colours which correlate to the calorie units of the meals.
Blue is the primary colour, orange the secondary and yellow the tertiary.

BRAND COLOR
PANTONE 299 C R 130 G 195 B 250 C 75 M 5 Y 0 K 0
250kcal
PANTONE 123 C R 235 G 200 B 60 C 0 M 15 Y 85 K 0
300kcal
PANTONE 238 C R 215 G 85 B 250 C 0 M 74 Y 0 K 0
350kcal
PANTONE bright orange C R 255 G 130 B 0 C 0 M 60 Y 100 K 0
400kcal
PANTONE 368 C R 130 G 195 B 40 C 59 M 0 Y 100 K 0
450kcal
PANTONE 199 C R 195 G 50 B 65 C 0 M 100 Y 90 K 0
500kcal
PANTONE 293 C R 0 G 0 B 170 C XX M XX Y XX K XX

Typeface

The typeface is Montserrat. Headers are bold and uppercase whilst the body font should be regular and sentence case.

HEADING 1

MONTSERRAT; BOLD; 48 px

MONTSERRAT; REGULAR; 48 px

HEADING 2

MONTSERRAT; BOLD; 36 px

MONTSERRAT; REGULAR; 36 px

HEADING 3

MONTSERRAT; BOLD; 18 px

MONTSERRAT; REGULAR; 18 px

BODY

MONTSERRAT; MEDIUM; 14 px

MONTSERRAT; REGULAR; 14 px

CAPTION
MONTSERRAT; MEDIUM; 12 px
MONTSERRAT; REGULAR; 12 px
TINY
MONTSERRAT; MEDIUM; 10 px
MONTSERRAT; REGULAR; 10 px

Typography

Initial spacing rules for the typography.

  • H1
  • /
  • BODY
  • /
  • CAPTION
  • /

MONTSERRAT; BOLD; 48 px

In the history of modern astronomy, there is probably no one greater leap forward than the building and launch of the space telescope known as the Hubble. While NASA has had many ups and downs, the launch and continued operation of the Hubble space telescope probably ranks next to the moon landings and the development of the Space Shuttle as one of the greatest space exploration

The Basics Of Buying A Telescope

  • H2
  • /
  • BODY

MONTSERRAT; BOLD; 36px

In the history of modern astronomy, there is probably no one greater leap forward than the building and launch of the space telescope known as the Hubble.

  • H3
  • /
  • BODY
  • /
  • TINY
  • /

MONTSERRAT; BOLD; 18 px

In the history of modern astronomy, there is probably no one greater leap forward than the building and launch of the space telescope known as the Hubble. While NASA has had many ups and downs, the launch and continued operation of the Hubble space telescope probably ranks next to the moon landings and the development of the Space Shuttle as one of the greatest space exploration

Terms & Conditions apply in some of the cases.

Buttons

Selection of buttons in Primary, secondary, tertiarry, grey, white and text only call to actions

PRIMARY
Button NORMAL
Button HOVER
Button CLICKED
Button LOADING
Button DISABLED
SECONDARY
Button NORMAL
Button HOVER
Button CLICKED
Button LOADING
Button DISABLED
TERTIARY
Button NORMAL
Button HOVER
Button CLICKED
Button LOADING
Button DISABLED
GREY
Button NORMAL
Button HOVER
Button CLICKED
Button LOADING
Button DISABLED
WHITE
Button NORMAL
Button HOVER
Button CLICKED
Button LOADING
Button DISABLED
TEXT ONLY BUTTON
Button NORMAL
Button DISABLED
ICON + BUTTON
Send NORMAL
Send HOVER
Send CLICKED
Value DISABLED

Input fields

Input fields and their error states

Error message
Warning message
Error message

Others

Selection of other elements including labels, social buttons, tabs, tooltips, pagination buttons, alerts, notifications, stage indicators, progress bars and notifications.

TABS

TOOLTIPS

Value
David Denman, Sutton Johnston, Boden Johnston

DROPDOWNS

NOTIFICATIONS

8
products

products

choose your favorite organic meals