EVOLUÇÃO DO SISTEMA.

Um sistema vivo é um sistema versionado.

v1.3.0

Atual

Abril 2026

→Design System: Tokens — página dedicada com tabela visual, tokens.css completo e JSON exportável
→Design System: Arquitetura CSS — hierarquia de arquivos, ordem de importação e guia de extensão
→Design System: Motion — princípios, 4 demos interativos (counter, stagger, glitch, hover) com anime.js v4
→Design System: Exemplos expandido para 7 seções cobrindo tipografia, cores, posts, stories, UI web e documentos
→Design System: Assinatura da Marca — variações, usos corretos e incorretos, safe zones
→Design System: Tipografia — escala completa com exemplos vivos em tamanho real
→Referências — links reais abrindo em nova aba para todas as 20+ referências
→Plano do framework npm documentado em docs/PLANO_FRAMEWORK_NPM.md

v1.2.0

Lançado

Abril 2026

→Revisão visual completa: hover dos botões, noise overlay, ColorSwatch, PageNav, Breadcrumb
→Logo da navbar corrigido — proporção real 2616×900, height controlado por CSS
→Footer redesenhado: logo 80px, grid 3 colunas, borda gold 3px
→Hero ajustado para caber na primeira dobra — padding e tipografia reduzidos
→Background do hero: "DS" substituído por "D·B" (Dark n' Black)
→Cadeia de PageNav corrigida em todas as páginas — navegação linear completa
→Índices atualizados: todos os itens "Em breve" ativados com links corretos

v1.1.0

Lançado

Abril 2026

→Conceitos: Brutalismo — origem arquitetural, comparativo gráfico vs arquitetural, 5 princípios absorvidos
→Conceitos: Anti-Design — 6 anti-patterns com exemplos e justificativas
→Design System: Espaçamento — escala 8px, visualização em barras, contextos de uso
→Design System: Texturas — Noise overlay, Film grain, Vignette com previews visuais e código
→Design System: Grid e Composição — safe zones para post, reels e web
→Design System: Regras — 10 leis do Dark Brutalist com Faça/Não Faça e checklist
→Design System: Imagem e Fotografia — características, tratamentos de cor, edição no Canva
→Design System: Componentes — demo ao vivo de todos os componentes do UI.tsx
→Design System: Exemplos — posts, cards de UI e cabeçalho de proposta renderizados
→Manuais: Site Institucional — hierarquia tipográfica, componentes web, responsividade
→Manuais: Landing Pages — estrutura hero→CTA, regras de formulário, above the fold
→Manuais: Propostas e Decks — anatomia dos 6 slides, paleta, specs de exportação
→Manuais: PDFs e Relatórios — estrutura A4, paleta para gráficos, specs de exportação
→Manuais: Criativos de Anúncio — 4 formatos, safe zones Meta/Google, 3 versões de criativo

v1.0.0

MVP

Abril 2026

v2.0.0

Roadmap

Previsto — Fase futura

○Publicação do framework npm @darknblack/css — tokens + componentes CSS standalone
○Publicação do pacote @darknblack/react — componentes React sem dependências de framework
○Busca no portal — fuse.js client-side indexando títulos e conteúdo
○Deploy em produção — design.darknblack.com.br via Vercel/Hostgator
○Manuais adicionais: LinkedIn, Email Marketing, YouTube Thumbnails, WhatsApp Business