Typography - Headings. Sistema A

Sistema A

This is a XXXL Title (Display)

clamp(2.25rem, 1.7rem + 2vw, 4rem)

This is a XXL Title (H1)

clamp(2rem, 1.5rem + 1.6vw, 3rem)

This is a XL Title (H2)

clamp(1.75rem, 1.35rem + 1.2vw, 2.5rem)

This is a L Title (H3)

clamp(1.5rem, 1.2rem + 0.8vw, 2rem)

This is a M Title (H4)

clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem)

This is a S Title (H5)

clamp(1.125rem, 1rem + 0.25vw, 1.25rem)

This is a XS Title (H6)

clamp(1rem, 0.95rem + 0.1vw, 1.125rem)

Typography - Text

Subtitle - Add Your Heading Text Here

clamp(1rem, 0.9rem + 0.42vw, 1.2rem)

Base Text Paragraph. Lorem ipsum dolor sit amet, this is a link consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

clamp(1rem, 0.9rem + 0.4211vw, 1.2rem)

Big Text Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, this is a link pulvinar dapibus leo.

clamp(1.1rem, 0.9rem + 0.8421vw, 1.5rem)

Small Text Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper this is a link mattis, pulvinar dapibus leo.

clamp(0.8rem, 0.727rem + 0.36vw, 1rem)

Button and Navigation Links

clamp(1.1rem, 1.05rem + 0.2105vw, 1.2rem)

Forms

Comments are closed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.