financial-ui-styleslisted

# Financial UI Styles ## Overview Ten distinct visual styles for financial UIs. The base skill `financial-ui-patterns` handles correctness (tabular nums, semantic tokens, tick flash, accessibility). This skill handles **visual style** — the brand-flavored layer on top. **Layering:** ``` product-design → atomic decisions for any SaaS UI financial-ui-patterns → finance-specific correctness (mandatory) financial-ui-styles (this) → brand style / visual polish (pick one) ``` You always apply the lower layers. You pick exactly one style on top. ## When to Use - User says "make it look like X" where X is a financial product or aesthetic - User specifies brand/aesthetic direction ("Bloomberg style", "Robinhood feel", "FT-like", "API-dashboard aesthetic") - Starting a new financial UI from scratch and picking the visual direction - Refactoring an existing financial UI toward a specific aesthetic **Don't use for:** marketing pages, blog posts, anything not loading data. Styles are calibrated for data-dense UIs. ## How to Pick Match the user and product category, not the brand mood the founder asked for. | If the user is... | And the product is... | Pick | |---|---|---| | Institutional / desk trader | Desktop terminal, command-line driven, max density | `pro-terminal` | | Pro / prosumer trader | Modern web app, dense but not terminal-dense | `modern-pro-dark` | | Active options trader | Strategy builder, Greeks-forward | `tasty-pro` | | Centrali