01. Paleta de Cores
As cores fundamentais, suportando tanto o destaque visual quanto a leitura em texturas densas.
Azure Blue
#117BC4
#117BC4
Cyan Flow
#0EA5E9
#0EA5E9
Emerald Deep
#4BB97C
#4BB97C
Muted Blue
#94A3B8
#94A3B8
02. Tipografia
Escala tipográfica baseada na fonte Inter, privilegiando clareza e geometria limpa.
H1 - Título Extra Bold
H2 - Título Bold de Seção
H3 - Subtítulo Semi Bold
P - Corpo de texto regular para leitura. A densidade da textura de fundo exige este espaçamento de linha limpo.
Small - Legendas e textos auxiliares refinados.
03. Padrões & Texturas
Padrões procedurais SVG baseados na fluidez orgânica da imagem original.
Vibrant Flow
Muted Flow
Dense Muted (Fundo Atual)
05. Organização de Conteúdo
Elementos para comprimir e organizar a informação no ecrã.
Visão Geral
Integração
O Ether Flow foi unificado. As AbasComponente de navegação local permitem alternar contextos sem recarregar a página.
Utilize JavaScript puro para gerir as classes .active nos seus próprios projetos, garantindo leveza.
O que é a Geometria Líquida? +
É um conceito visual que mistura a rigidez das formas matemáticas com a fluidez dos elementos orgânicos.
Como escalar este sistema? +
Através da utilização de tokens CSS e reutilização de blocos em HTML.
06. Componentes Avançados
Formulários de captura de dados e galerias de media imersivas.