Style Guide

Fonts

Museo Sans: font-heading
Avenir Medium: font-body
Avenir Next Demi: font-demi
Avenir Heavy: font-heavy
Avenir Black: font-black

Buttons

Use the component v-button
Props:

  • solid: Boolean = Primary Button
  • outline: Boolean = Secondary Button
  • colour: String = Should match value in tailwind.config.js brand colours

Find out more
Find out more

Mini Components

Appearance Animation

Tagline

This will animate when it becomes visible on screen. Import the Tagline component when needed.

Testing Area

White on black
<
2
>