Fundamento · 02

Tipografia

Conjunto de fontes para títulos, subtítulos, corpo de texto e outros elementos de texto. Defina tamanhos, pesos e estilos que serão utilizados em diferentes contextos..

Font family

--font-primary

Inter, system-ui, sans-serif

The quick brown fox jumps over the lazy dog

Heading + Body

Heading Style Test

Lorem ipsum porttitor in orci donec a, faucibus adipiscing ultrices accumsan class, lobortis faucibus tempus urna convallis. torquent aptent amet adipiscing etiam scelerisque metus fusce metus nec, erat suscipit faucibus suspendisse orci dictumst phasellus est placerat, sollicitudin ultrices elementum vel nullam cubilia non posuere.

praesent suspendisse posuere suscipit scelerisque lectus nullam, sit sociosqu diam dictumst etiam convallis, integer porttitor per auctor neque. porttitor duis pharetra nisi orci lectus dictum aenean nulla neque, pharetra curae lorem porttitor euismod non viverra tempor, nec himenaeos euismod tincidunt aliquet felis vitae fames. cras euismod accumsan lorem auctor aliquet erat porttitor aptent, aliquam interdum sed tincidunt fames platea suspendisse varius, cursus curabitur aliquet lorem magna volutpat donec.

Type Scale

--text-4xl

3rem

Display Text Huge

--text-3xl

2.25rem

Display Text

--text-2xl

1.875rem

Heading 1

--text-xl

1.794rem

Heading 2

--text-lg

1.476rem

Heading 3

--text-md

1.125rem

Heading 4

--text-base

1rem

Corpo de texto padrão para parágrafos longos.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis modi, voluptate temporibus, voluptas dicta quibusdam iste dolores repudiandae aperiam tenetur, delectus laborum nobis nostrum consectetur error perspiciatis. Cum laudantium velit provident veritatis corrupti reiciendis iure, architecto ab perferendis, laboriosam voluptatum minima vero.

--text-sm

0.875rem

Texto auxiliar e legendas.

--text-xs

0.75rem

EYEBROW · Tags · Chips