Style Guide

Fonts

Poppins: font-heading
Nunito Sans Medium: font-body
Nunito Sans Next Demi: font-demi font-semibold
Nunito Sans Heavy: font-heavy font-bold
Nunito Sans 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
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
>
  • Some line items