Formatos
& Templates

Formatos editoriais canônicos do ecossistema MSCREATIVE.SYSTEMS. Cada template é autocontido — inclui wireframe engine, tokens inline e marcadores editáveis. LLMs copiam e renderizam sem dependências externas.

Story Format

Formato 9:16 para Instagram Stories. 7 camadas visuais: grid, scan, marker, ghosts, glitch, ASCII, icosaedro.

OFFF BCN 2026
O criativo mais sênior da sala é quase sempre o mais impotente
1. O lugar precisa existir antes da tecnologia.
2. Sem conceito, escala é barulho.
3. A melhor UX é a que desaparece.
Nils Leonard · Uncommon Creative Studio
Dimensões
1080 × 1920 px
Aspect ratio 9:16, resolução nativa Instagram.
Safe Zone — Topo
120px
UI do Instagram (avatar + nome). Nenhum conteúdo crítico acima.
Safe Zone — Base
160px
Barra de resposta e swipe-up. Info-strip permitido.
Grid
54 × 54 px
--ds-grid-size. Textura de sistema, quase invisível.
Camadas
7 layers
Grid, Scan, Marker, Ghosts (×3), Glitch (×2), ASCII, Icosaedro.
Render Pipeline
HTML/CSS → Playwright → PNG
Template standalone, sem dependências externas.

Formatos Editoriais

Todos os formatos do pipeline editorial MSCREATIVE.SYSTEMS. Templates standalone em studies/editorial_typography/.

Story (9:16)
1080 × 1920
Instagram Story. 7 camadas, speaker card.
Carousel Cover
1080 × 1350
Capa de carrossel, tags, slide index.
Carousel Content
1080 × 1350
Slides internos, kicker, quote, body.
Newsletter Header
1200 × 630
Substack hero image, Cormorant accent.
LinkedIn Post
1200 × 627
LinkedIn feed, headline + speaker.
Open Graph
1200 × 630
OG image para links compartilhados.

Hierarquia de Contraste

Dois regimes visuais. Dark como padrão. Light como ruptura de ritmo. Nunca branco puro — nunca preto puro.

Dark Mode — Default
Infraestrutura
do Improviso
Existe uma diferença entre improvisar e ter infraestrutura de improviso. Uma é aposta. A outra é arquitetura.
EXPERIENCE ARCHITECTURE · TIER S
Light Mode — Ruptura
Senioridade
≠ Liberdade
Quanto mais alto o cargo, mais intermediários entre a ideia e sua forma final. O resultado chega decomposto.
PULLQUOTE · SLIDE 05
Dark BG
#0A0C10 → #12141A
Gradient base. 7 de 9 slides.
Light BG
#F5F7FA → #E8EBF0
Ruptura visual. Slides 05 e 08.
Dark Text
#B2A898
Headline no dark mode.
Light Text
#1A1D26
Headline no light mode.
Copiado!