Futurista & Tech 2024-2026 Developer Dark

Supabase Dark Emerald

Estilo Supabase Dark Emerald com dark mode nativo, acento verde esmeralda e profundidade via bordas. Ideal para plataformas developer e ferramentas open-source.

supabase dark mode emerald green developer PostgreSQL Circular font pill buttons border hierarchy HSL tokens terminal aesthetic

Uso: Plataformas developer, Ferramentas open-source, Bancos de dados, APIs

Supabase Dark Emerald

Contexto Histórico

Inspirado no design system do Supabase, referência em dark-mode nativo para developers com acento verde PostgreSQL e profundidade via hierarquia de bordas.

Especificações Técnicas

Cores

Primárias

#0f0f0f
#171717
#3ecf8e
#fafafa

Secundárias

#00c573
#2e2e2e
#363636
#898989

Efeitos

Dark-mode nativo com fundos near-black (#0f0f0f, #171717). Acento verde esmeralda (#3ecf8e) usado com precisão cirúrgica apenas em bordas, links e logo. Profundidade via hierarquia de bordas (#242424 → #2e2e2e → #363636) sem sombras. Botões pill (9999px) para CTAs primários. Hero com line-height 1.00 ultra-comprimido. Labels monospace uppercase com letter-spacing 1.2px.

Light/Dark

✗ Not Recommended / ✓ Full

DESIGN.md

Prompt para AI

Relacionados

Última sincronização: 01/04/2026