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

data-tableschartskpi-cardstransaction-listsportfolio-viewsalerts

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-20px

DESIGN.md para Fintech

Ver todos →

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