# Design Language for eyes.cash ## Aesthetics and Tone A surveillance-capitalism exposé rendered as a financial transaction interface -- eyes.cash visualizes the exchange rate between attention (eyes) and money (cash), presenting personal data as currency in a market most people do not know they are participating in. The fintech-noir aesthetic combines financial dashboard precision with surveillance imagery: dark interfaces with money-green accents, eye-shaped data points, and transaction logs that record what your attention is worth. The tone is whistleblower-analytical: calm, precise, and devastating. The numbers speak for themselves. Your eyes are cash, and someone is counting. ## Layout Motifs and Structure **Transaction System:** Financial dashboard layout with transaction logs, balance displays, and market data. **Section Flow:** 1. **The Ledger:** Hero showing a simulated "balance" -- "Your attention value today: $X.XX" with an eye icon. 2. **The Exchange Rate:** Data panels showing what different types of attention are "worth." 3. **The Transaction Log:** A scrolling list of simulated attention-to-cash transactions. 4. **The Audit:** Closing analysis section about the attention economy. ## Typography and Palette - **Headlines:** "JetBrains Mono" at 2rem-4rem, weight 700 -- financial terminal feel. - **Body:** "Inter" at 0.95rem, weight 400, line-height 1.7. - **Data:** "JetBrains Mono" at 0.85rem, weight 400, tabular-nums. **Palette:** Dashboard Dark (#0a0e14), Money Green (#00c060), Warning Red (#e03030), Gold (#ffd040), Text (#c0d0e0), Muted (#405060). ## Imagery and Motifs **Eye Icon:** A CSS-drawn eye shape (ellipse with inner circle) used as a data-point marker and section icon. **Dollar Figures:** Financial amounts displayed in Money Green monospace with dollar signs, creating immediate fintech recognition. **Transaction Rows:** Alternating row backgrounds in the transaction log, each with timestamp, description, and amount. **Balance Display:** Large money-green number as the hero element, formatted as currency. ## Prompts for Implementation Build as a financial terminal revealing hidden transactions. The hero balance number counter-animates from $0.00 to its final value (1.5s). Exchange rate panels display data in clean dashboard format. The transaction log scrolls with new entries appearing at the top (simulated real-time addition). Everything looks like a legitimate fintech dashboard, but the "transactions" are attention exchanges. The dissonance between familiar financial UI and uncomfortable content IS the point. No bright marketing -- dark, clinical, revealing. ## Uniqueness Notes 1. **Attention-as-currency financial UI:** Presenting surveillance capitalism through fintech dashboard design creates visceral understanding. 2. **Eye-icon as data marker:** Using eye shapes where financial dashboards use dots/arrows creates thematic specificity. 3. **Simulated transaction log:** A real-time-feeling list of attention-to-cash conversions makes the abstract concrete. 4. **Counter-animated balance as hero:** The incrementing dollar figure as the first thing seen creates immediate engagement. Document chosen seed/style: aesthetic: fintech-noir, layout: transaction-dashboard, typography: terminal-mono, palette: dark-money-green, patterns: transaction-rows, imagery: eye-icon, motifs: balance-counter, tone: whistleblower-analytical