Ioannes Digital Style Guide

TYPOGRAPHY

Heading 01

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Etiam convallis porta tortor.

Futura pt, 18px, 400 weight uppercase, 0.02EM letter spacing

Heading 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam convallis porta tortor. Vestibulum scelerisque risus at erat scelerisque, ut pellentesque nulla gravida.

FUTURA PT, 12px, 400 weight, uppercase, 0.02em letter spacing

Heading 03

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam convallis porta tortor.

FUTURA PT, 8px, 400 weight, Uppercase, 0.08em letter spacing

Heading 04

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam convallis porta tortor.

FUTURA PT, 8px, 400 weight, Uppercase, 0.08em letter spacing

Body Copy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam convallis porta tortor.

Adobe Jensen Display, 10px, 400 weight, 0.015 letter spacing

Ioannes Digital Style Guide

Buttons

Button Small
Used for call to actions for shopping or smaller events

Button Medium
Used for call to actions for discovering a project

Button Large
Used for call to actions for Larger events