Design System
Atomic Design
O Atomic Design nos inspira a pensar o sistema de forma evolutiva: começamos com elementos fundamentais, que se combinam para formar estruturas mais elaboradas, até chegar a soluções completas e funcionais.
Gestão
Os tokens foundations são a base do Design System e carregam os elementos fundamentais da identidade da Humana Saúde. Eles são como um legado que garante que tudo o que for criado mantenha consistência, clareza e a essência da marca.
Os tokens foundations reúnem sistemas de tipografia, cores, grid, superfícies e estilos.
Esses blocos básicos alimentam a biblioteca da Humana Saúde, que organiza os componentes em diferentes níveis: desde os mais simples (base e básicos), passando pelos mais elaborados (complexos), até chegar aos templates completos.
Assim, cada detalhe visual ou de interação dentro dos produtos digitais nasce dessa fundação e vai ganhando forma até se transformar em experiências completas para o usuário, sempre preservando a mesma identidade.
Design System
Um sistema sólido, construído para escalar.
Este Design System foi estruturado para oferecer clareza, padronização e escalabilidade às nossas soluções digitais. Fundamentado nos princípios do Atomic Design, organiza-se em uma jornada que vai do essencial ao complexo, assegurando coesão em todos os pontos de contato.
Sua divisão contempla cinco categorias: Token Foundations, que reúnem os fundamentos visuais, como cores e tipografia; Base Components, que estabelecem elementos centrais, como botões; Basic Components, que abrangem padrões de uso recorrente, como inputs; Complex Components, que consolidam estruturas mais elaboradas, como o bottom sheet; e a Support Library, dedicada a recursos complementares, como ícones e logotipos.
Mais do que um repositório de componentes, este guia representa um alicerce para a colaboração entre equipes, promovendo acessibilidade, eficiência e a evolução contínua da experiência do usuário.
Atomic Design
O Atomic Design nos inspira a pensar o sistema de forma evolutiva: começamos com elementos fundamentais, que se combinam para formar estruturas mais elaboradas, até chegar a soluções completas e funcionais.
A pirâmide representa esse fluxo: a base é formada pelos princípios de marca e pelos componentes mais simples, que sustentam a criação de unidades maiores e mais complexas. Cada camada depende da anterior para existir, assegurando consistência, modularidade e escalabilidade em todo o ecossistema digital.
Essa lógica se inspira no Atomic Design, metodologia que propõe a construção de interfaces de maneira progressiva, dos elementos mais básicos (como átomos) até composições completas (como organismos). Ao adotar esse raciocínio, garantimos que cada parte do sistema seja independente, reutilizável e, ao mesmo tempo, conectada a um todo maior.
Assim, o Design System deixa de ser apenas um repositório de elementos visuais e se torna um método de construção estruturado, onde cada detalhe é pensado para sustentar experiências sólidas, claras e alinhadas à identidade da marca.
Gestão
Os tokens foundations são a base do Design System e carregam os elementos fundamentais da identidade da Humana Saúde. Eles são como um legado que garante que tudo o que for criado mantenha consistência, clareza e a essência da marca.
Os tokens foundations reúnem sistemas de tipografia, cores, grid, superfícies e estilos.
Esses blocos básicos alimentam a biblioteca da Humana Saúde, que organiza os componentes em diferentes níveis: desde os mais simples (base e básicos), passando pelos mais elaborados (complexos), até chegar aos templates completos.
Assim, cada detalhe visual ou de interação dentro dos produtos digitais nasce dessa fundação e vai ganhando forma até se transformar em experiências completas para o usuário, sempre preservando a mesma identidade.