Projetos e Casos de Estudo
Implementações reais de design systems e frameworks CSS em Portugal
Migração Bootstrap Tailwind CSS
Guiámos uma agência de design de Lisboa através da transição de um projeto com 8 meses de desenvolvimento em Bootstrap para Tailwind CSS. Reduzimos o tamanho do bundle em 34% mantendo exatamente a mesma aparência visual. O processo levou 3 semanas com formação incluída para os 12 elementos da equipa.
Lisboa 12 desenvolvedores 3 semanasSistema de Design Tokens para E-commerce
Criámos uma metodologia completa de design tokens para uma plataforma de e-commerce com 4 marcas diferentes. Implementámos 147 tokens CSS organizados em 12 categorias (cores, tipografia, espaçamento, sombras). Cada marca consegue ter identidade visual única apenas alterando 18 variáveis raiz.
4 marcas 147 tokens Sincronização Figma-CódigoBiblioteca de 42 Componentes com Documentação
Desenvolvemos uma biblioteca de componentes React + Tailwind CSS para uma rede de 6 startups tech em Porto. Incluiu 42 componentes documentados com Storybook, suporte para 3 temas diferentes, e guias de implementação em português. Eliminou a duplicação de código em 89% dos projetos.
Porto 6 startups 42 componentes StorybookGuia Comparativo Bootstrap vs Tailwind CSS
Produzimos um guia educativo completo em português comparando os dois frameworks mais populares. Incluiu exemplos práticos de 15 componentes comuns implementados nos dois frameworks, análise de performance, e recomendações para diferentes contextos de projeto.
15 componentes Análise de performance 28 páginasPronto para estruturar o seu projeto?
Fale connosco sobre como implementar um design system ou escolher o framework CSS certo para a sua equipa.