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
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-20pxDESIGN.md for Fintech
View all →
Estilo de Ecossistema Digital
Dynamic and social landing page for a gaming and social platform. Ideal for land…
Estilo de Elegância Fintech
Clean and professional landing page for a payment platform. Ideal for landing pa…
FinTech Plataforma Financeira
Fintech landing, finance dashboard, charts, security, gold and dark palette, pre…
Crypto Exchange Plataforma
Crypto exchange landing, digital assets, charts, neon cyan, dark background, fut…
Minimalismo Confiável Financeiro
Professional and trustworthy minimalist landing page for a financial consulting…
Need a custom DESIGN.md for your Fintech project? The design-md skill generates one from your codebase → skill.dev.br/skills/design-md