Felix
Remittances are not transactions. They are acts of presence.
Warm, electric, and radically transparent. A financial compañero for the Latino community in the United States — not a bank.
Version 1.0.0 Alpha. This guide is the Markdown build reference for the live system.
Start here
- Principles — the four ideas
- Colors — turquoise, slate, warm neutral base
- Typography — Plain for impact, Saans for everything else
- Illustrations — Felix illustrations, flags, Phosphor, payment marks
- Components — 43 pieces
- Design tokens
- Graphs — dependent task cards, process objects, animated Mermaid
- Decision tree — queued agent choices, curved links, keyboard commit
- Markdown — DESIGN.md and components.md for LLMs
Rules of thumb
- Linen canvas in light mode; slate canvas in dark. Turquoise stays the primary in both.
- Text on turquoise and lime is slate
#082422, never white. - One electric accent per view. If the primary button is turquoise, nearby emphasis is lime or flat slate, not a second glow.
- Status stays semantic: success, warning, error, and info never borrow turquoise or lime.
- Selection and focus use turquoise at low opacity (
#2bf2f14dselection, 6px focus ring), not a border color change alone.