A Harmonia do Clássico com o Interativo.
Um design system que funde a elegância editorial de museus com a precisão minimalista do tinyPod e o dinamismo interativo de grids modernos.
Escultura Clássica
Apolo e Dafne
Active Token
Sage Accent
Hex: #9EA08F
Index: 01/04
Gire a roda ou use os botões
Escala Tipográfica
Fontes serifadas para impacto e narrativas sofisticadas combinadas com sans-serif geométrica para dados e clareza técnica.
| Estilo | Visualização | Especificações |
|---|---|---|
| Heading 1 |
O Eterno Retorno |
font-newsreader • 3.75rem / 60px • Weight: 300 line-height: 0.95 • letter-spacing: -0.02em |
| Heading 2 |
Uma Curadoria Moderna |
font-newsreader • 2.25rem / 36px • Weight: 300 line-height: 1.1 • letter-spacing: -0.01em |
| Heading 3 |
Componentes de Interface |
font-sans • 1.5rem / 24px • Weight: 600 line-height: 1.25 • letter-spacing: -0.01em |
| Body Large |
Este é o corpo de texto largo usado para introduções e parágrafos de destaque. |
font-sans • 1.125rem / 18px • Weight: 400 line-height: 1.6 • letter-spacing: 0 |
| Body Regular |
Este é o texto de corpo padrão, projetado para excelente legibilidade contínua no navegador. |
font-sans • 1rem / 16px • Weight: 400 line-height: 1.5 • letter-spacing: 0 |
| Label / Mono | Active Stage |
font-mono • 0.75rem / 12px • Weight: 500 letter-spacing: 0.1em • text-transform: uppercase |
Sistema de Cores
Tons inspirados em galerias de arte clássicas misturados com contrastes e realces contemporâneos.
Cores de Fundo e Superfícies
Warm Beige
#E6E3D6
Light Beige
#EAE8DE
Stone 900
#1c1917
White
#ffffff
Cores de Destaque (Accent)
Sage Green
#9EA08F
Lime Yellow
#D4F268
Pale Pink
#EBC8D6
Pale Blue
#C4C9D9
Componentes de Interface
Elementos funcionais prontos para produção com micro-interações, hover magnético e estados dinâmicos.
Buttons
Inputs
Cards Interativos
Mova o cursor por cima para sentir o efeito 3D
Preservação Histórica
Nossos sistemas garantem a conservação de obras raras.
Acesso Irrestrito
Torne-se membro curador e veja em primeira mão as exposições.
Badges & Tooltips
Movimento e Biblioteca
Efeitos visuais dinâmicos projetados para dar vida às interações do site, além do nosso conjunto básico de ícones.
Demonstrador de Animações
Clique nos botões abaixo para ver as animações em loop ativas na interface.
Biblioteca de Ícones
Ícones minimalistas carregados de forma assíncrona por meio do Iconify.