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

DESIGN.md Example

Minimal DESIGN.md for Fintech. Copy, customize and place at project root.

# Design System — Fintech
## Overview
Financial app focused on precision and trust.

## Colors
- **Primary** (#0D9488): Main actions
- **Surface** (#0F172A): Main background
- **Gain** (#22C55E): Positive values
- **Loss** (#EF4444): Negative values

## Typography
- Headlines: Inter, 600, 20-28px
- Numbers: JetBrains Mono, 500, 14-20px

DESIGN.md for Fintech

View all →

Need a custom DESIGN.md for your Fintech project? The design-md skill generates one from your codebase → skill.dev.br/skills/design-md