Typography and text
Typographic scale that provides a set of type sizes for a consistent layout
Web components
Text & image
- Option to align image: left, top, right
- Image alignment option in relation to the text
- Option to add extra parsys under content
In-page example
Component
Curabitur blandit tempus porttitor.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Curabitur blandit tempus porttitor.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Curabitur blandit tempus porttitor.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Typography (Text)
Component
Tags
H1: People-centric solutions for a better way to work
H2: People-centric solutions for a better way to work
H3: People-centric solutions for a better way to work
H4: People-centric solutions for a better way to work
H5: People-centric solutions for a better way to work
H6: People-centric solutions for a better way to work
Body Copy (p): People-centric solutions for a better way to work
Styles
H1 (Full Style): People-centric solutions for a better way to work
H2 (Full Style): People-centric solutions for a better way to work
XXL Size: People-centric solutions for a better way to work
XL Size: People-centric solutions for a better way to work
H1 (Size Only): People-centric solutions for a better way to work
H2 (Size Only): People-centric solutions for a better way to work
H3 (Size Only): People-centric solutions for a better way to work
H4 (Size Only): People-centric solutions for a better way to work
H5 (Size Only): People-centric solutions for a better way to work
H6 (Size Only): People-centric solutions for a better way to work
Big Body Copy: People-centric solutions for a better way to work
Small Text: People-centric solutions for a better way to work
Extra Small Text: People-centric solutions for a better way to work
Orphened Link: People-centric solutions for a better way to work
Font Weights
Light: People-centric solutions for a better way to work
Regular: People-centric solutions for a better way to work
Semi Bold: People-centric solutions for a better way to work
Bold: People-centric solutions for a better way to work
Italic: People-centric solutions for a better way to work