Todos os projetos

Estudo de caso

Hollow UI

Framework de interface reutilizável com primitivas acessíveis, configuração por CLI e tokens consistentes, inspirado na experiência com front-end corporativo.

TecnologiasReact, TypeScript, Node.js, PostgreSQL, Docker, Next.js
O problema
Evitar reconstruir padrões fundamentais de UI em cada projeto.
Minha contribuição
Componentes reutilizáveis, primitivos acessíveis e tokens de design consistentes.
O resultado
Primitivos de UI reutilizáveis com tokens de design e configuração de projetos por CLI.
Interface de Hollow UI
Abrir imagem em tamanho original

Sistema de componentes para adoção entre projetos, preservando acessibilidade e consistência de implementação.

Problema

Apoiar equipes na criação de interfaces consistentes sem reconstruir os padrões fundamentais a cada projeto.

Arquitetura

Framework centrado em componentes, tokens de estilo, distribuição por CLI e uso orientado pela documentação.

Implementação

Registro de comandos e aliases de configuração, primitivas reutilizáveis de navegação e atualização de dependências. Os componentes e a configuração automatizada apoiam a reutilização.

Resultado

A estrutura reduz repetição no início de interfaces e favorece consistência entre projetos, sem reivindicar uma redução numérica medida.

Cabeçalho

Hierarquia visual, navegação e espaçamento consistentes.

Página de apresentação

Composição e padrões reutilizáveis do sistema de design.

Página e rodapé

Continuidade de componentes ao longo da página.

Catálogo de componentes

Documentação centralizada dos elementos disponíveis.

Catálogo no tema escuro

Verificação visual da aplicação dos tokens de tema.

Componente: botão

Exemplo de API, variantes e uso.

Botão no tema escuro

Comportamento visual do tema no componente individual.

Conheça outros projetos Entre em contato