Aulas · App
Aulas · App
Lista de aulas. Sem foto.
01 · Fundação
ao vivoao vivo
12 · HITL
filafila
20 · Flow
okok
HTML
<section class="app-frame"><header>Aulas App</header></section>
App · Paper
Telas tynk.aulas.
Chrome vivo. Player e capas são slots — sem foto inventada.
App / Aula do membro
App / Aula do membro
Player é slot. Sem still inventado.
slot · player
Sem still. Tokens: --plate --hair --radius-core
HTML
<section class="app-frame"><header>Aula do membro</header></section>
Catálogo galeria
App / Catálogo galeria
Grelha de slots. Sem capa inventada.
slot 01Aula
slot 02Aula
slot 03Aula
slot 04Aula
slot 05Aula
slot 06Aula
HTML
<section class="app-frame"><header>Catálogo</header></section>
Ferramentas
App / Ferramentas
Três atalhos.
Prompt
Diff
Busca
HTML
<section class="app-frame"><header>Ferramentas</header></section>
Glossário
App / Glossário
Termo + definição.
HITLhumano no loop
Acid#d8ff3e
Platecasca + núcleo
HTML
<section class="app-frame"><header>Glossário</header></section>
Entrar
App / Entrar
Campo + CTA. Sem marca terceira.
HTML
<section class="app-frame"><header>Entrar</header></section>
Rodapé + Empty
App / Rodapé + Empty
Empty de app + rodapé compacto.
Nada neste recorte.
Empty de app. Sem ilustração.
HTML
<section class="app-frame"><header>Rodapé + Empty</header></section>
Assunto (hub)
App / Assunto (hub)
Hub de um tema.
3Notas
2Atalhos
5Aulas
HTML
<section class="app-frame"><header>Assunto</header></section>
Atalhos + Insights
App / Atalhos + Insights
Atalhos e três métricas.
HTML
<section class="app-frame"><header>Atalhos + Insights</header></section>
App / Componentes
App / Componentes
Peças reusadas do produto.
chip
TY
HTML
<section class="app-frame"><header>App Componentes</header></section>
proposta 27.ago
Identidade · Hero (4 variações — proposta 27.ago)
Índice das quatro. Chrome do kit. Capa é slot.
A
Ainvert assinatura
B
Batmosfera
C
Cestruturalista
B+C
B+Crecomendação
HTML
<section class="app-frame"><header>Identidade · Hero (4 variações)</header></section>
proposta 27.ago
Hero A · invert assinatura
Invert + wordmark. Sem foto.
IA & agentes
Hermes.
HTML
<section class="app-frame invert"><header>Hero A · invert assinatura</header></section>
proposta 27.ago
Hero B · atmosfera violeta
Atmosfera no Paper. Companion usa prata do kit. Sem hex novo.
atmosfera
Uma aula em destaque.
HTML
<section class="app-frame"><header>Hero B · atmosfera violeta</header></section>
proposta 27.ago
Hero C · estruturalista
Placa + slot. Sem foto por cima do H1.
slot · capa
estruturalista
O H1 carrega o título uma vez.
HTML
<section class="app-frame"><header>Hero C · estruturalista</header></section>
proposta 27.ago
Hero B+C · recomendação
Slot + atmosfera do kit. Recomendação do Paper.
slot · capa
B+C
Uma visível. Dots embaixo.
HTML
<section class="app-frame"><header>Hero B+C · recomendação</header></section>
proposta 27.ago
UX3 · Filtro do hub — 4 variações
V1 atual, V2 trilho recesso, V3 abas hairline, V4 barra de dados.
por categoria
onlinha do tempo
onfavoritos
on58 aulas
metaHTML
<section class="app-frame"><header>UX3 · Filtro do hub — V1 V2 V3 V4</header></section>
proposta 27.ago
UX3 · Hero slider — 3 variações
S1, S2, S3. Até 3 aulas. Uma visível. Sem autoplay.
slot · S1
slot · S2
slot · S3
HTML
<section class="app-frame"><header>UX3 · Hero slider — S1 S2 S3</header></section>