Vesuvius Style Guide

v1.1 - last update - 09/06/2021

Typography

H1

Montserrat
700 Bold
‍Font Size: 5em / 3.75em / 3.125em / 2.5em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)

H2

Montserrat
700 Bold
‍Font Size: 3.75em / 2.5em / 2.5em / 1.875em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)

H3

Montserrat
700 Bold
‍Font Size: 2.5em / 1.875em / 1.875em / 1.25em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)

H4

Montserrat
700 Bold
‍Font Size: 1.25em / 1.25em / 1.25em / 1.125em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)

H5

Montserrat
700 Bold
‍Font Size: 1.125em / 1.125em / 1.125em / 1.0625 (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)

H6

Montserrat
700 Bold
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)

Paragraph

Montserrat
400 Normal
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1.35em (entrelinhas)
Kerning: Normal (entreletras)

Montserrat
400 Normal
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)

Block Quote

Montserrat
400 Normal
‍Font Size: 1.125em / 1.125em / 1.125em / 1.125em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)

H1

H2

H3

H4

H5
H6

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • List item
  • List item
  • List item
  1. Numbered list item
  2. Numbered list item
  3. Numbered list item

H1 - RICH TEXT BLOCK
Montserrat - 700 Bold
Font Size: 5em / 3.75em / 3.125em / 2.5em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)
Margin bottom: 0.3em

H2 - RICH TEXT BLOCK
Montserrat - 700 Bold‍
Font Size: 3.75em / 2.5em / 2.5em / 1.875em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)
Margin bottom: 0.3em

H3 - RICH TEXT BLOCK
Montserrat - 700 Bold‍
Font Size: 2.5em / 1.875em / 1.875em / 1.25em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)
Margin bottom: 0.3em

H4 - RICH TEXT BLOCK
Montserrat - 700 Bold‍
Font Size: 1.25em / 1.25em / 1.25em / 1.125em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)
Margin bottom: 0.3em

H5 - RICH TEXT BLOCK
Montserrat - 700 Bold‍
‍Font Size: 1.125em / 1.125em / 1.125em / 1.0625 (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)
Margin bottom: 0.3em

H6 - RICH TEXT BLOCK
Montserrat - 700 Bold‍
Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)
Margin bottom: 0.3em

Paragraph - RICH TEXT BLOCK
Montserrat - 400 Normal
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1.3em (entrelinhas)
Kerning: Normal (entreletras)

List Item / Numbered List Item - RICH TEXT BLOCK
Montserrat - 400 Normal
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1.5em (entrelinhas)
Kerning: Normal (entreletras)

Text block

Montserrat
400 Normal
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1.3em (entrelinhas)
Kerning: Normal (entreletras)

Basic

  • List Item
  • List Item
  • List Item

Montserrat
400 Normal
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1.5em (entrelinhas)
Kerning: Normal (entreletras)

  1. Numbered list item
  2. Numbered list item
  3. Numbered list item

Montserrat
400 Normal
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1.5em (entrelinhas)
Kerning: Normal (entreletras)

Button

Montserrat
400 Normal
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)
Padding Top: 1em
Padding Bottom: 1em
Padding Left: 1.5em
Padding Right: 1.5em
Button Color: button-color

Montserrat
400 Normal
‍Font Size: 1em / 1em / 1em / 1em (bodytype)
Leading: 1em (entrelinhas)
Kerning: Normal (entreletras)
Padding Top: 1em
Padding Bottom: 1em
Padding Left: 1.5em
Padding Right: 1.5em
Border: 0.125em
Button Color: button-color

Color Palette

Color Name: button-color
HEX: #3898ec
Transparency: 100

Color Name: black
HEX: #1d1d1d
Transparency: 100

Color Name: white
HEX: #fafafa
Transparency: 100

Forms

O seu cadastro foi confirmado
Oops! Something went wrong while submitting the form.