Style Guide

A guide to common components and styles in Beto app.

Typography

All typographies use Open Sauce Sans

H1

H1 - Open Sauce Sans | 48px font-size / 58px line-height

H2

H2 - Open Sauce Sans | 32px font-size / 38px line-height

H3

H3 - Open Sauce Sans | 24px font-size / 36px line-height

H4

H4 - Open Sauce Sans | 22px font-size / 32px line-height
H5
H5 - Open Sauce Sans | 18px font-size / 28px line-height
H6
H6 - Open Sauce Sans | 16px font-size / 24px line-height

Colors

#2274ee
#272a30
#646c7d
#ffffff
#f7f8f8
#e5f3fe
#dee3ea