DESIGN.md for Fintech
Padrões de design system para fintech: paletas frias e sóbrias que transmitem segurança, tipografia monospace para números, espaçamento preciso e componentes de dados financeiros.
Design patterns
Palette
Paletas frias e sóbrias (cool grays, teal, navy). Accent conservador. Semântica financeira: green para ganhos, red para perdas. Backgrounds escuros para dashboards de trading.
Typography
Sans-serif precisa (Inter, SF Pro). Monospace para valores financeiros e dados numéricos (JetBrains Mono, Fira Code). Escala com contraste forte entre headings e body.
Spacing
Base 4px. Espaçamento preciso e consistente. Tabelas densas com padding mínimo. Cards de KPI com espaçamento interno generoso para legibilidade.
Key Components
Exemplo DESIGN.md
DESIGN.md mínimo para Fintech. Copie, customize e coloque na raiz do projeto.
# Design System — Fintech
## Overview
App financeiro com foco em precisão e confiança.
## Colors
- **Primary** (#0D9488): Ações principais
- **Surface** (#0F172A): Background principal
- **Gain** (#22C55E): Valores positivos
- **Loss** (#EF4444): Valores negativos
## Typography
- Headlines: Inter, 600, 20-28px
- Numbers: JetBrains Mono, 500, 14-20pxDESIGN.md para Fintech
Ver todos →
Estilo de Ecossistema Digital
Estilo de Ecossistema Digital — Design tech-inspired com gaming, social media, f…
Estilo de Elegância Fintech
Estilo de Elegância Fintech — Design tech-inspired com fintech, payments, global…
FinTech Plataforma Financeira
FinTech Plataforma Financeira — Design thematic com fintech landing, finance das…
Crypto Exchange Plataforma
Crypto Exchange Plataforma — Design thematic com crypto exchange landing, digita…
Minimalismo Confiável Financeiro
Minimalismo Confiável Financeiro — Design minimalism com finance, consulting, in…
Precisa de um DESIGN.md customizado para seu projeto Fintech? A skill design-md gera um a partir do seu codebase → skill.dev.br/skills/design-md