Biblioteca PEM para criar presets

O nome exato do preset aparece em laranja acima de cada exemplo. Abra o módulo estilizado logo abaixo, crie uma nova predefinição a partir dos estilos atuais e copie exatamente o nome mostrado.

Nos títulos, o próprio nome informa o nível semântico: H1, H2 ou H3.

CRIAR PRESET: PEM — Título Hero (H1)

Livros para ler.
Experiências para viver.

CRIAR PRESET: PEM — Título Grande (H2)

Livros e experiências em destaque.

CRIAR PRESET: PEM — Título de Seção (H2)

Uma editora que continua depois da última página.

CRIAR PRESET: PEM — Título de Card (H3)

A Hierarquia Invisível

CRIAR PRESET: PEM — Texto Corpo

Texto de corpo PEM para leitura corrente. Use em parágrafos, explicações e conteúdos editoriais.

CRIAR PRESET: PEM — Texto Apoio

Texto de apoio, descrição, sinopse, legenda ou explicação complementar.

CRIAR PRESET: PEM — Texto Etiqueta

PEM EXPERIENCE

CRIAR PRESET: PEM — Texto Declaração

Conhecimento não é o mesmo que transformação.

CRIAR PRESET: PEM — Texto Subtítulo

Um subtítulo editorial para acompanhar o hero.

CRIAR PRESET: PEM — Botão Sólido

AÇÃO PRINCIPAL

CRIAR PRESET: PEM — Botão Vazado

AÇÃO SECUNDÁRIA

CRIAR PRESET: PEM — Botão Cabeçalho

EXPERIÊNCIAS

CRIAR PRESET: PEM — Imagem Capa

CRIAR PRESET: PEM — Imagem Cena Larga

CRIAR PRESET: PEM — Imagem Quadrada

CRIAR PRESET: PEM — Linha Padrão

Esta é a própria linha que contém esta biblioteca: 90% de largura, máximo 1240px, padding lateral 32px no desktop/tablet e 20px no celular.

CRIAR PRESET: PEM — Seção Clara

Esta seção branca é o exemplo do preset de seção clara.

CRIAR PRESET: PEM — Título Hero Escuro (H1)

Livros para ler.
Experiências para viver.

CRIAR PRESET: PEM — Título de Seção Escuro (H2)

Um livro. Um tema humano. Uma jornada.

CRIAR PRESET: PEM — Texto Corpo Escuro

Texto de corpo sobre fundo escuro.

CRIAR PRESET: PEM — Texto Apoio Escuro

Texto de apoio e explicação complementar sobre fundo escuro.

CRIAR PRESET: PEM — Texto Etiqueta Escura

ARQUITETURA

CRIAR PRESET: PEM — Botão Sólido Claro

AÇÃO EM FUNDO ESCURO

CRIAR PRESET: PEM — Seção Escura

Esta própria seção preta é o exemplo do preset de seção escura.

CRIAR PRESET: PEM — Seção Cinza

Esta própria seção cinza é o exemplo do preset de seção cinza.

CRIAR PRESET: PEM — Seção Cena