Skip to content

feat(carousel): recalibrar tipografia IG nativa pra pisos de legibilidade - #6

Open
1marcelserrano wants to merge 2 commits into
mainfrom
feat/carousel-ig-type-refresh
Open

feat(carousel): recalibrar tipografia IG nativa pra pisos de legibilidade#6
1marcelserrano wants to merge 2 commits into
mainfrom
feat/carousel-ig-type-refresh

Conversation

@1marcelserrano

Copy link
Copy Markdown
Owner

Resumo

Recalibragem da tipografia do Carousel Pipeline (formats.html §8) para os pisos de legibilidade pesquisados em Later/Buffer/Canva/Hootsuite, garantindo que slides 1080×1350 sobrevivam ao crop mobile do feed (~640px efetivos).

  • Novo namespace --ds-ig-* em index.html (§1 Design Tokens) com 17 tokens calibrados + showcase de 4 cards
  • Carousel Pipeline (formats.html §8): tabela tipográfica + 2 templates HTML standalone atualizados
  • Capa 48→96px · headline 38→64px · body 16→32px · labels 10→24px
  • Safe zones: lat 64→100px · top 140px (mantido) · bot 180→200px
  • Densidade: teto explícito de 80 palavras/slide
  • Ritmo 7+2 → 8+2 dark/light (slides 04 e 10 = ruptura Light)
  • Stack Typo B Editorial preservado integralmente

Nota de escopo

A patch list cobria tabela + cards + templates. Para manter a §8 internamente coerente, também atualizei o rhythm grid de 9→10 slides e o section-desc ("Pipeline de 10 slides") — sem isso, o grid contradiria a nova tabela.

Checklist de validação

  • git diff --stat mostra apenas index.html + formats.html
  • Hunks confinados à §8 (formats) e §1 tokens (index) — zero spillover
  • Template Carousel Cover extraído e validado: HTML well-formed, sizes 96/108px presentes
  • Vercel preview deploy — conferir §8 tabela, Code Bank e §1 novo bloco visualmente
  • Smoke test visual do slide cover renderizado

🤖 Generated with Claude Code

…dade

Novo namespace --ds-ig-* em index.html com 17 tokens calibrados
Carousel Pipeline (formats.html §8): tabela + templates HTML atualizados
Capa 48→96px · headline 38→64px · body 16→32px · labels 10→24px
Safe zones: lat 64→100px · top mantido · bot 180→200px
Densidade teto explícito: 80 palavras/slide
Ritmo 7+2 → 8+2 dark/light (slides 04 e 10 ruptura)

Aplicar pisos pesquisados em Later/Buffer/Canva/Hootsuite para
carousel 1080×1350 que sobrevive ao crop mobile do feed (~640px).
Stack Typo B Editorial preservado integralmente.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented May 19, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
design-system Ready Ready Preview, Comment Jun 8, 2026 7:01am

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant