# lumo-core-principles > This is a new rule - Author: Italo Gois - Repository: lumaui/luma-ui - Version: 20260128124825 - Stars: 6 - Forks: 0 - Last Updated: 2026-02-06 - Source: https://github.com/lumaui/luma-ui - Web: https://mule.run/skillshub/@@lumaui/luma-ui~lumo-core-principles:20260128124825 --- --- name: lumo-core-principles description: This is a new rule --- # Overview # Neo-Minimal Design System ## 1. Propósito Este Design System define **princípios estruturais, visuais e comportamentais** para a criação de interfaces baseadas no **Neo‑Minimalismo**. Ele **não descreve componentes**, nem dita implementações específicas. Seu papel é servir como **base conceitual permanente**, aplicável a qualquer novo componente, layout ou padrão que venha a ser criado. > **Regra-mãe:** se um componente viola estes princípios, ele não pertence ao sistema — mesmo que seja bonito. --- ## 2. Fundamentos do Neo‑Minimalismo O Neo‑Minimalismo parte da maturidade do minimalismo clássico e adiciona **humanidade, fluidez e contexto**. Ele rejeita: - Rigidez excessiva - Geometria mecânica - Interfaces que parecem “frameworks” Ele busca: - Calma visual - Continuidade - Sensação orgânica e natural --- ## 3. Silêncio Visual Silêncio visual é um **estado intencional**, não ausência de design. ### Princípios - Elementos não competem entre si - Hierarquia é percebida sem esforço - O layout fala antes do estilo ### Regras - Nunca adicionar um efeito apenas para "destacar" - Se algo precisa chamar atenção para ser entendido, está mal resolvido - Priorizar relações espaciais antes de cores ou efeitos --- ## 4. Whitespace Funcional Whitespace é **estrutura invisível**. Ele deve: - Criar hierarquia - Substituir bordas, divisores e sombras - Controlar ritmo e leitura > Espaço não é vazio — é linguagem. ### Diretrizes - Preferir espaçamento progressivo a linhas - Aumentar espaço entre grupos, não dentro deles - Nunca compactar para "caber mais" --- ## 5. Forma & Geometria ### Bordas Orgânicas e Suaves O sistema evita cantos duros e geometrias excessivamente técnicas. - Curvas devem sugerir **continuidade**, não rigidez - Bordas levemente generosas são preferíveis a precisão matemática - Formas devem parecer desenhadas, não calculadas > A interface deve fluir — não encaixar. ⚠️ Não existe um raio fixo obrigatório. O raio correto é aquele que **não chama atenção para si**. --- ## 6. Luz como Estrutura (não decoração) Luz é usada como **textura e hierarquia**, nunca como ornamento. ### Princípios - Gradientes sutis substituem bordas - Diferença de luminosidade cria profundidade - Transparência cria camadas ### Regras - Nunca usar sombra como solução principal - Evitar sombras duras ou deslocadas - Preferir variações dentro da mesma família de cor > Se a profundidade é percebida antes da forma, está errada. --- ## 7. Cor ### Filosofia Cor no Neo‑Minimalismo é **editorial**, não promocional. - Levemente desaturada - Próxima do cinza - Confortável aos olhos por longos períodos ### Uso correto - Cor define **ação**, não estrutura - Cor nunca define profundidade - Cor nunca substitui hierarquia espacial ### Tons neutros - Branco puro deve ser evitado como base - Preferir brancos quentes e cinzas suaves - Contraste sempre progressivo --- ## 8. Tipografia como Elemento Central A tipografia é o principal componente visual do sistema. ### Princípios - Clareza acima de personalidade - Ritmo antes de impacto - Leitura contínua, não blocos ### Diretrizes - Hierarquia criada por tamanho, não peso - Evitar bold excessivo - Line-height sempre generoso > Se a tipografia falha, nenhum layout salva. --- ## 9. Interações de Calma Interações devem **responder**, não distrair. ### Princípios - Feedback gentil - Transições curtas e naturais - Nenhuma surpresa ### Regras - Nunca usar escala como feedback - Evitar animações elásticas ou chamativas - Estados devem parecer consequência natural da ação > A melhor interação é aquela que quase não se percebe. --- ## 10. Acessibilidade Silenciosa Acessibilidade deve ser **inerente**, não um modo extra. - Contraste confortável - Estados de foco discretos e claros - Área de toque confortável Nada deve parecer um “recurso de acessibilidade” — deve parecer apenas correto. --- ## 11. O Que Fazer - Começar sempre pelo layout - Usar espaço como ferramenta principal - Questionar cada efeito visual - Projetar para longas sessões de uso --- ## 12. O Que Não Fazer - Copiar padrões de design systems populares - Resolver hierarquia com sombra ou cor - Criar componentes autoexplicativos demais - Tratar UI como vitrine --- ## 13. Regra Final > **Se um elemento pode ser removido sem perda funcional ou semântica, ele não deveria existir.** Este Design System não busca atenção. Ele constrói **confiança silenciosa, continuidade e presença**.