Marketing · Paper

Peças de marketing.

Nav, hero, CTA, footer, prova, mecanismo, oferta, FAQ. Soft Structuralism.

Marketing · Hero

Hero

Display + lede + uma palavra ácida.

Tynk · aulas

O sistema fica.

Uma extração viva. Tokens, tipo, invert.

HTML 
<section class="hero"><p class="type-kicker">Tynk</p><h1>O sistema fica.</h1></section>

Marketing · CTA

CTA

Família ilha. Primário, ghost, acid, night.

Primário Ghost Ácido Noite
HTML 
<a class="ui-cta" href="#"><span>Primário</span><span class="island"><svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M4 10h11M11 6l4 4-4 4" stroke="currentColor" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg></span></a>

Marketing · Prova

Prova

Quote + métrica. Sem foto inventada.

“

O sistema respira. O componente herda.

extract.sys

Aulas

48

Uma família. Um invert.

HTML 
<blockquote>O sistema respira. O componente herda.</blockquote>

Marketing · Mecanismo

Mecanismo

Três passos. Sem diagrama inventado.

01

Ler

O pedido entra.

02

HITL

Write espera.

03

Patch

Humano crava.

HTML 
<div class="mec-steps"><article><small>01</small><h3>Ler</h3></article></div>

Marketing · Oferta

Oferta

Preço do kit. Um invert ao lado se precisar.

O kit

$5

Abrir
HTML 
<p class="type-display-price"><span>$</span>5</p>

Marketing · FAQ

FAQ

Acordeão. Pergunta / resposta.

Sim. Paper = fonte visual. Esta Pages só copia e implementa.
HTML 
<div class="ui-acc"><button type="button" data-acc aria-controls="faq-1">Pergunta</button><div id="faq-1">Resposta</div></div>