Changelog
Historico completo de evolucao do design system TLX. Cada sprint documentada com entregas e decisoes.
21+ paginas. 3 temas (Cosmic Orange, Light, Gold). Awwwards-grade motion system. Design tokens completos, templates canonicos, kit de marca para download.
Cada sprint representa um ciclo de desenvolvimento com entregas especificas.
4 novas paginas: kit de marca para download, playground de tipografia interativo, guia de acessibilidade com contrast checker, e este changelog.
Reestruturacao da pagina /templates com 4 templates canonicos: Site Institucional, Landing Page, Brandbook e Links-in-bio. Cada um com preview visual, wireframe, codigo copiavel e tabelas de specs.
Pesquisa Awwwards + extraction de 3 sites (Digital Present, Koto, CERNE Studio). 8 novos easings, 3 componentes de motion, effects com CSS variables, patterns animados, mobile menu fix.
6 novas paginas de showcase e ferramentas visuais. Calculator de investimento, themes preview, SEO guidelines, patterns CSS/SVG.
Reestruturacao completa da paleta. 3 temas (Cosmic Orange, Light, Gold). CSS variables semanticas, gradient tokens, spacing scale 14-step.
Tentativa de deploy Vercel (blocked por config monorepo). CI/CD setup, build optimization.
Paginas de identidade de marca: strategy, logo system, moodboard, founders. Conteudo do brandbook estrategico.
Paginas centrais do design system: foundations (cores, tipografia, spacing), guidelines, icons. Navbar com dropdowns e theme toggle.
Next.js 15.1.8 + Tailwind 4 + Framer Motion. Estrutura base, layout, componentes iniciais, home page com pillar cards.
Mudancas que afetam projetos que consomem tokens TLX. Verifique antes de atualizar.
Todos os --radius-* tokens mudaram para 0px (antes 4-8px). Design agora e sharp/architectural.
Migration:
--radius-card: 0px; /* era 4px */ --radius-button: 0px; /* era 4px */ --radius-badge: 0px; /* era 8px */
FadeIn component mudou de ease-out para spring easing [0.16, 1, 0.3, 1] e translateY de 16px para 32px.
Migration:
// Antes: ease: [0, 0, 0.2, 1], y: 16 // Agora: ease: [0.16, 1, 0.3, 1], y: 32
O accent no light theme mudou de orange (#E8722A) para dark (#0A0A0A). Botoes e links agora sao escuros no light mode.
Migration:
/* Light theme */ --color-accent: #0A0A0A; /* era #E8722A */