Glow Radial Blue+Green
Background · Hero institucional
Dois orbes desfocados (Lumi Green + Deep Navy) sobre fundo Lumi Blue. Base do hero de applumi.io.
Sistema · Elementos
Grafismos & elementos auxiliares
Catálogo dos elementos visuais oficiais do Lumi, extraídos do brand book e de applumi.io. Use como ponto de partida para novas peças — nunca improvise.
Conformidade NR-1
Pill com Bullet Glow
Badge · Eyebrow de seção
Pílula com borda translúcida, bullet Lumi Green e sombra externa. Usada em eyebrows como 'Conformidade NR-1'.
todos os dias
Underline Ondulado
Tipográfico · Destaque inline
Onda fina sob palavras-chave ('todos os dias'). Acento leve, sempre em Lumi Green 55%.
com segurança emocional
Highlight Verde de Acento
Tipográfico · Realce semântico
Palavra em Lumi Green dentro de headline branca ('segurança emocional'). Quebra ritmo sem perder hierarquia.
Blob Verde
Shape · Composição com foto
Forma orgânica Lumi Green atrás de screenshots do app. Cria profundidade e remete ao símbolo triangular.
✦
Diagnóstico NR-1
Risco psicossocial
Card Glass
UI · Cartões flutuantes
Fundo branco a 5%, blur, borda branca a 10%. Base dos cards do hero (Diagnóstico NR-1, Trilhas, Telepsicologia).
Swoosh Green→Neutro
Grafismo · Institucional
Faixa luminosa em Lumi Green que envolve retratos e mockups. Tradução do gradiente do símbolo em movimento.
Grid Mesh
Background · Dashboard
Malha quadriculada sutil sobre Lumi Blue. Comunica estrutura, dado e evidência científica.
Dot Matrix
Pattern · Cantos e bordas
Matriz pontilhada usada como respiro em cantos de seção (fundos de e-books e artigos técnicos).
Anéis Concêntricos
Grafismo · Detalhe geométrico
Círculos vazados sobrepostos em Lumi Green. Aparecem como ornamento atrás dos ícones de trilha.
Triângulo Sinal
Símbolo · Repetição do logo
Repetição estilizada do triângulo do símbolo Lumi, usada como pattern em papelaria e brindes.
CTA Gradient Pill
Botão · Ação principal
Botão arredondado com gradiente Lumi Blue → Deep Navy. Usado em todos os CTAs ('Conhecer o Lumi').