# Design Language for double-standard.xyz ## Aesthetics and Tone A glitch-art data visualization where double standards are mapped as asymmetric data patterns -- double-standard.xyz renders as a dark-mode analytical dashboard where bar charts, scatter plots, and data streams reveal the statistical reality of unequal treatment. The data-brutalist aesthetic strips away narrative and lets numbers speak: stark visualizations on black backgrounds, mono typography for absolute precision, and the raw visual impact of asymmetric data rendered without softening. The tone is data-uncompromising: no explanations needed when the charts are this clear. Numbers, ratios, disparities -- presented without commentary because the data makes the argument. ## Layout Motifs and Structure **Dashboard System:** Full-screen dark data dashboard with visualization panels. **Section Flow:** 1. **The Signal:** Domain name and a single statistic in large type on black. 2. **The Data Wall:** Multiple visualization panels arranged in a responsive grid. 3. **The Asymmetry:** A full-width chart showing the core double-standard metric -- visually asymmetric by design. 4. **The Raw Feed:** A scrolling data ticker of facts/statistics. ## Typography and Palette - **Headlines:** "JetBrains Mono" at 2rem-5rem, weight 700. - **Data:** "JetBrains Mono" at 0.85rem, weight 400. All monospace. - **Labels:** "JetBrains Mono" at 0.7rem, weight 400, all-caps. **Palette:** Black (#0a0a0a) bg, Neon Green (#00ff60) for data/charts, Red (#ff3040) for disparity highlights, White (#e0e0e0) for text, Dim (#404040) for grid lines. ## Imagery and Motifs **ASCII Bar Charts:** Visualization using CSS-width bars with neon-green backgrounds, creating chart-like data displays without libraries. **Asymmetric Graphs:** Charts deliberately showing two unequal bars/lines side by side, making the double standard visually immediate. **Data Ticker:** A continuously scrolling monospace text line at the bottom showing statistics, scrolling left at a reading pace. **Grid Lines:** Faint grid (1px #404040) behind data panels, creating the coordinate-system look of analytical tools. ## Prompts for Implementation Build as a data terminal exposing double standards. Everything loads fast and sharp -- no animations except the continuous data ticker scroll. The dashboard panels display data visualizations using pure CSS (percentage-width bars, asymmetric comparisons). The full-width Asymmetry chart is the visual centerpiece: two dramatically unequal bars that make the point through size alone. Neon green on black creates high contrast. Everything is monospace. The data ticker at the bottom scrolls continuously. No softening, no decoration, no calls to action. Let the data speak. ## Uniqueness Notes 1. **Data-brutalist double-standard visualization:** Using pure CSS data viz to expose inequality is a unique functional aesthetic. 2. **Asymmetric chart as centerpiece:** A deliberately unequal chart that IS the argument, not an illustration of it. 3. **Continuous data ticker:** The scrolling statistic feed creates urgency and scale. 4. **All-monospace data terminal:** Complete commitment to monospace creates a forensic, unembellished presentation. Document chosen seed/style: aesthetic: data-brutalist, layout: dashboard-grid, typography: monospace-only, palette: black-neon-green, patterns: ascii-bars, imagery: asymmetric-chart, motifs: data-ticker, tone: data-uncompromising