# Design Language for ethica.dev ## Aesthetics and Tone ethica.dev is **a moonlit observatory for moral reasoning**, dressed as a *dopamine-saturated art-deco transmission salon* drifting in the high stratosphere of a Spinozan dream. The conceit is precise: imagine that Spinoza's *Ethics* — the great geometric treatise of 1677 in which propositions are demonstrated like theorems — was never published as a folio book but instead as a **continuous neon transmission**, broadcast nightly at 03:30 UTC from a brass-and-vacuum-tube radio observatory floating somewhere between the troposphere and the noosphere. The radio operators are dreamers; their modulators are sugar-rush voltage; their typography is Chrysler-Building chevrons re-cast in plasma. The site is the receiving-room where the transmission lands, gets visualized as live propositional ECG, and decays gracefully into the next demonstration. The mood lives in a precise emotional cross-section: **the moment between waking and sleep where logic becomes luminous**. Not cyberpunk's adrenaline, not vaporwave's ironic mall-melancholy, not corporate-saas-dashboard's hostile clarity — instead, a **soft-eyed neon** in which every assertion is held at arm's length and admired like a moth on a porch lamp. Visitors should feel they have wandered into a chapel where the clergy are oscilloscopes, the hymnals are correlation matrices, and the stained glass is plotted in living hot-pink line-art. Every interaction whispers *consider this proposition gently before you click*. The page does not sell, does not pitch, does not convert — it **emits**, as a transmission emits, and the visitor tunes in. The aesthetic locks down three governing emotional verbs: - **Glow** (dopamine-electric saturation, used as light not as decoration) - **Drift** (dreamy ethereality — every motion underdamped, every resolution slow) - **Demonstrate** (art-deco geometric rigor — chevrons, sunbursts, ziggurat margins) This is dopamine made philosophical — saturation in service of contemplation, not extraction. Neon as candlelight. ## Layout Motifs and Structure The structural primitive is **ma-negative-space (間)** — the Japanese architectural concept of *active emptiness*, in which the void is itself a load-bearing element. Where 92% of designs in the registry build their dominant grammar from full-bleed compositions, ethica.dev does the opposite: **the page is 71% blank by design**, and the blank parts are *louder* than the inked parts. This is the registry's first composition where ma is not just "white space" but is treated as a typographic glyph in its own right, with kerning, baseline, optical alignment, and breath-rhythm. **Macro-structure: the Octave Scroll.** The page is one HTML document divided into **eight chambers**, named after Spinoza's five Parts plus three meta-chambers (`Reception`, `Demonstration`, `Scholium`, `Corollary`, `Affect`, `Power`, `Beatitude`, `Sign-Off`). Each chamber is exactly 100vh tall and **is not separated by visible borders** — instead, each chamber is announced by a **shift in the negative-space rhythm** itself: chamber I exhales every 12vh, chamber II every 9vh, chamber III every 7vh, decelerating asymptotically toward chamber VIII which exhales only once at the horizon. The visitor feels chamber transitions in their breath before they see them in their eyes. **Micro-structure: the 8/89 Asymmetric Margin.** Within every chamber, content occupies a **single off-axis column** computed as 8/89 of viewport width (≈ 9% — the inverse-Fibonacci slimming that Itten taught at Bauhaus), nested inside an **89/144 outer void** (≈ 62%). The remaining 29% is split asymmetrically: 7% as a **left telegraph-margin** containing only the proposition number set in vertical Cinzel small-caps, and 22% as a **right scholium-gutter** holding sparse data-viz oscilloscopes. Nothing is centered. Centering is forbidden in this composition. Every glyph is held aloft by tension between the void on its left and the void on its right. **The Eight Chambers (vertical narrative arc):** 1. **Reception (0–100vh).** Dim signal. The neon is at 4% intensity. A single phrase — *"on the night of the 18th, ETHICA returns the carrier"* — drifts in at 18vh from the top, set in DM Mono at 13px, while the entire upper 70vh of viewport remains pure void. The visitor tunes the receiver by scrolling. 2. **Demonstration (100–200vh).** A **live data-viz proposition** materializes — twelve floating equations, each rendered as an art-deco chevron-bracket containing one line of moral logic, arranged in a sparse asymmetric constellation. As the visitor scrolls, the chevrons **trace themselves in plasma-pink** at 0.8s per stroke. 3. **Scholium (200–300vh).** The annotation chamber. Six small handwritten-feeling marginalia (rendered in DM Mono italic with letter-shake) drift across the void, each footnoted to a chevron in chamber II via a 1px hairline that draws itself across the negative space when its scholium enters viewport. 4. **Corollary (300–400vh).** A **sunburst data-viz**: a single gold-leaf 14-spoke radial chart (the deco fan) emerges at the right gutter, each spoke labeled with a derived corollary. Spokes elongate as the visitor scrolls — kinetic chart-as-blooming. 5. **Affect (400–500vh).** The page **shakes**. This is the only chamber where shake-error pattern is invoked, and it is not an error — it is the affective resonance Spinoza called *passio*. A single proposition trembles for 1.4s on entry: *"Affectus, qui passio est, desinit esse passio simulatque eius claram et distinctam formamus ideam."* The shake amplitude decays exponentially (start ±6px, end 0.3px, 18Hz oscillation) as if the system recovers composure through clear understanding. 6. **Power (500–600vh).** A **glyph-as-monument**: a single deco-display character (the Greek letter Ξ, set in Limelight at 38vw) anchors the chamber, with twelve thin radiating chevrons inscribing the perimeter. The character itself does nothing — its presence is the load-bearing event. 7. **Beatitude (600–700vh).** The serene chamber. All shake stops. All neon dims to 22% intensity. A long horizontal data-viz line — a **soft-pink heartbeat ECG of moral steadiness** — pulses at 56 BPM across the full viewport width, with the proposition *"Beatitudo non est virtutis praemium, sed ipsa virtus"* drifting at 2vh/s above it. 8. **Sign-Off (700–800vh).** The transmission ends. The neon decays to 0% over 4.2s. The final viewport is 96% void; the only inked element is a single 1px hairline at y=88vh and the closing-time stamp `Q.E.D. — 03:30 UTC` set in Cinzel small-caps at 11px in the right gutter. There is **no header, no nav, no footer in the conventional sense**. The Octave is the navigation. Scrolling is tuning. Stopping is listening. ## Typography and Palette **Type stack — five Google Fonts families, each load-bearing:** - **Limelight** — the art-deco-display voice. Limelight is Google Fonts' purest 1920s marquee revival (Eben Sorkin, after the Chrysler-era theatre marquees), and it carries the bone-structure of every chevron, ziggurat, and zig-zag in deco history. We deploy Limelight only in three places: (1) the chamber-name glyphs (Reception, Demonstration, etc.) at clamp(48px, 8vw, 124px) in `--lime-bone` (#E8DEC2), letter-spacing +0.06em; (2) the Power chamber's monumental Ξ at 38vw; (3) the marquee transmission-title `ETHICA // night transmission` at 14px tracking +0.34em uppercase, set in `--neon-rose`. Limelight is *never* used for body text — its theatre-marquee proportions break at small sizes; using it as body would be a category violation. - **Cinzel** — the small-caps demonstrative voice. Used exclusively for proposition numbers (`PROP. XIX`), section-headers in vertical orientation (left telegraph-margin), and the closing Q.E.D. at 11px. Cinzel's Trajan-derived stone-cut proportions provide the *geometric demonstration* counter-voice to Limelight's *theatrical announcement* voice. - **Fraunces** (variable, weight 100–900, optical-size 9–144, soft 0–100) — the propositional body voice. Each proposition is set at clamp(22px, 2.6vw, 38px), weight axis 320, optical 96, soft 38. Fraunces' optical-size axis lets propositions read with handsome serif terminals at display size while the same family handles the 14px marginalia at optical 9 with denser proportions. We animate Fraunces' WGHT axis on hover from 320 → 580 over 480ms — the proposition gains weight as the visitor considers it. - **DM Mono** — the data-viz / scholium / telemetry voice. All numbers, all chart axes, all marginalia, all timestamps, the Reception line. Italic variant used in scholia. Set at 13px, line-height 1.78. DM Mono is chosen over JetBrains Mono (95% prevalence in registry) and IBM Plex Mono because of its slightly softer terminals — the dreamy-ethereal tone tolerates no hard typewriter-hardness. - **Cormorant Garamond** — the long-form scholium-paragraph voice (italic only, weight 300). Used once per chamber for a single 38–62 word italic gloss in the right gutter, at 15px, line-height 1.92, color `--lime-bone` at 64% opacity. Cormorant's italic is the gentle counter-melody to Fraunces' upright propositional rigor. **No** Inter. **No** Space Grotesk. **No** Sora. **No** generic geometric-sans. The 95% mono-prevalence in the registry is intentionally honored only by DM Mono in the small-text role; Limelight + Cinzel + Fraunces + Cormorant make the four-voice typographic chorus, which is structurally distinct from the registry's mono-dominant mode. **Palette — ten colors, four functional bands:** *Neon-electric band (the transmission, ~14% pixel-area):* - `--neon-rose` `#FF2E93` — the principal plasma-pink. Used for chevron-strokes, proposition underlines on hover, the heartbeat ECG. - `--neon-violet` `#7C3AED` — the secondary modulation tone. Used for scholium hairlines and the Power chamber's Ξ inner-stroke. - `--neon-cyan` `#22E0FF` — the accent voltage. Used sparingly: oscilloscope traces, the Demonstration chamber's chevron inner-glow. - `--neon-amber` `#FFB627` — the sunburst gold-leaf in Corollary. Single spoke-color across all 14 spokes, with opacity ramping 100% → 24%. *Ma-void band (the silence, ~71% pixel-area — the page is mostly this):* - `--ma-deep` `#080614` — the chamber-background base. Not pure black; a 4% violet tint that reads as "midnight at 12,000 meters." - `--ma-graphite` `#171228` — secondary void layer for chamber transitions. Slightly warmer. - `--ma-bone-shadow` `#1F1A33` — used only for the right gutter's recessed shelf where data-viz oscilloscopes live. *Bone band (the inked content, ~14% pixel-area):* - `--lime-bone` `#E8DEC2` — the principal text color. Cream-tinted off-white, never pure white. Reads as "old paper under neon" rather than "screen white." - `--lime-shadow` `#A89E84` — secondary text. The 64% Cormorant gloss color lives here. *Grounding band (~1% pixel-area):* - `--brass-deco` `#7A6332` — the only warm metal. Used exclusively for the Reception chamber's 1px hairline and the final Q.E.D. timestamp. Reads as "brass radio dial in low light." Color rules: - **No gradient** in the dominant typographic mass. Gradients are reserved for the chevron plasma-strokes (rose → violet, 38° angle) and the Beatitude ECG (rose → amber, horizontal). The 97% gradient-prevalence in the registry is broken intentionally — flat neon-on-void is the signature. - **No warm-palette dominance.** The 97% warm-prevalence in the registry is also broken: ethica.dev is cool-leading at 84% pixel-area (`--ma-deep`, `--neon-violet`, `--neon-cyan` dominate), with warm tones used only as voltage-accents. ## Imagery and Motifs **Four motif families, each tuned to abstract-tech (registry frequency 2% — the rarest motif category in this design's seed):** **1. Data-viz as moral telemetry (the Demonstration & Beatitude chambers).** Charts here are not stats-grids and not dashboard-numbers — they are **propositional waveforms**. Specifically: - The Demonstration chamber shows **twelve floating chevron-bracketed equations**, each rendered as a hand-drawn art-deco bracket-pair `⟨ … ⟩` with the bracket strokes in `--neon-rose` plasma-glow (CSS `filter: drop-shadow(0 0 14px #FF2E93)` plus a 2px stroke). Inside each bracket sits one line of moral logic: `dignity ≥ utility · (1 − coercion)`, etc. The brackets are not rectangular: their inner lines bow outward by 7° — the deco "ziggurat-belly" curve. - The Beatitude chamber shows a **soft-pink ECG line** spanning 100% viewport width, generated as an SVG `` with 1140 sample points. The waveform is not a heartbeat per se — it is the autocorrelation of Spinoza's Part V proposition-lengths, plotted so that each of Spinoza's 42 Part-V propositions becomes one sinusoidal beat. 56 BPM. The line glows at 14px feather, drawn in `--neon-rose` over `--ma-deep`. - The Corollary chamber shows a **14-spoke deco sunburst** (the registry's first deco-radial chart): each spoke is a 1.5px stroke in `--neon-amber` ramping from 100% opacity at the hub to 24% at the rim, length-modulated by the corollary's textual word-count. The hub itself is a single 8px circle in `--brass-deco`. **2. Abstract-tech ornaments (the chamber connectors).** Four ornament types repeat across the Octave, each strictly geometric, each *abstract-tech* in the sense that the registry's 2% abstract-tech precedent uses circuitry-inspired forms: - **Chevron-stack** — three nested `>` chevrons, deco-acute-angled at 64°, set inline at the start of every proposition number. SVG, 1px stroke, `--neon-violet`. - **Ziggurat-rule** — a stepped horizontal divider used between scholia. 9 steps each 8px wide, descending then re-ascending, drawn in `--lime-shadow` 1px. - **Sunburst-cap** — a 24-ray micro-sunburst at the top of each chamber-name, 3px radius, all rays in `--neon-amber` at 22% opacity, total visual weight equivalent to a single dot. - **Modulator-coil** — only in the Reception chamber: a 64×6px abstract coil-glyph (SVG path of nine small loops) that pulses opacity 14% ↔ 38% at 0.78Hz, signaling "carrier active." **3. Plasma-stroke calligraphy (the path-draw-svg family, executed in deco mode).** Every chevron, every sunburst, every ECG, every hairline is hand-drawn as an SVG `` and animated via `stroke-dasharray` + `stroke-dashoffset` over 0.8–4.2s per stroke. The strokes are rendered with a custom plasma-glow filter (`` containing `feGaussianBlur stdDeviation="3"` + `feMerge` recombination + a faint `feColorMatrix` saturation boost). The glow is the *only* place where neon becomes "more than ink" — elsewhere strokes are 1px flat. This 27% path-draw-svg precedent in the registry gets its first dreamy-ethereal-deco execution here. **4. Negative-space as motif (the ma chamber-breath).** This is the most unusual motif: the *empty space itself* is treated as an animated element. Specifically, each chamber transition triggers a **breath-cycle animation** on the void: the `--ma-deep` background lightens by a single luminance step (Δ = +1.4% L*) over 800ms during transition-in, then settles back over 1.6s. The visitor cannot consciously see the lightening — but the *room breathes*. This is implemented as a `body` class toggle that animates a CSS variable `--breath` from 0 to 1 across each chamber's IntersectionObserver entry. The negative space is the protagonist that no one names. ## Prompts for Implementation Build ethica.dev as **one HTML document, one CSS file, one ES module, one SVG sprite-sheet, eight Lottie-free SVG path-draw animations**. No framework. No router. No SPA. No "above-the-fold" pricing block, no CTA grid, no testimonial carousel, no pricing tiers, no stat-counter, no nav-bar, no footer-with-social-icons. The page is a *transmission* — narrative > conversion. **The Octave is the only navigation.** Scrolling tunes the receiver. There are no anchors, no jump-links, no sticky-nav. The visitor either listens to the whole transmission or they do not. **Chamber-by-chamber implementation prompts:** 1. **Reception (0–100vh).** On load, the page is `--ma-deep` (96% pixel-area). At 18vh from the top, set the line `*on the night of the 18th, ETHICA returns the carrier*` in DM Mono italic 13px `--lime-bone`, opacity ramping 0 → 0.62 over 1800ms with a 240ms delay. Below it at 24vh, render the modulator-coil glyph at 64×6px, animating the coil-pulse described in Imagery §2. The lower 76vh of viewport must remain *strictly empty*. Do not place any decorative element there. The void is the chamber. 2. **Demonstration (100–200vh).** Twelve chevron-bracketed propositions, positioned via a precomputed asymmetric constellation (NOT a grid). Coordinates are predetermined in JS as `[(0.18, 0.12), (0.61, 0.09), (0.32, 0.34), (0.84, 0.41), (0.07, 0.56), (0.49, 0.62), (0.74, 0.78), (0.21, 0.81), (0.55, 0.27), (0.88, 0.17), (0.13, 0.93), (0.42, 0.91)]` in (x_frac, y_frac_within_chamber). Each chevron-bracket draws itself in 0.8s when its IntersectionObserver entry fires. Stagger delays: 0ms, 140ms, 280ms, 420ms... cycling through 12 entries. Equations inside brackets are set in Fraunces 22px `--lime-bone`. On hover, the bracket-strokes intensify glow (filter blur 14px → 22px) and the contained equation animates Fraunces' WGHT axis 320 → 580. 3. **Scholium (200–300vh).** Six DM Mono italic marginalia in `--lime-shadow`, positioned in the right gutter at fractional-y `[0.08, 0.21, 0.36, 0.54, 0.71, 0.89]`. Each marginalia is 24–48 words. **Apply shake-error to the marginalia** but at 1Hz amplitude 0.4px — a *gentle* tremor reading as "handwritten on a moving train" rather than as error. Each marginalia is footnoted to one of chamber II's chevrons via a 1px `--neon-violet` hairline that draws itself across the void from chevron-position to scholium-position over 2.4s when the scholium enters viewport. The hairline is **not straight** — it follows a quadratic Bezier with control-point offset by 18% of segment length, perpendicular to the line, alternating sign per scholium. 4. **Corollary (300–400vh).** Render the deco sunburst as a single SVG element anchored to the right gutter at (0.78, 0.5). Hub at radius 8px in `--brass-deco`. Spokes draw outward over 1.4s sequentially clockwise from 12 o'clock. Spoke length is `48px + (word_count_of_corollary * 6px)`, capped at 280px. As the visitor scrolls past 350vh, the sunburst rotates +9° over 600ms (a single deco "sweep"). Corollary text labels sit at the spoke-tips in DM Mono 12px `--lime-bone`, oriented along the spoke angle (CSS `transform: rotate()` per spoke, with text-direction-correction at angles >180°). 5. **Affect (400–500vh).** This is the shake chamber. The single proposition (in Latin, untranslated; translation appears in scholium-gutter as Cormorant italic 15px) is set in Fraunces 38px `--lime-bone`. On entry, apply a **decaying shake** via CSS `@keyframes affect-shake` that translates the proposition by `(±6px, ±2px)` randomly at 18Hz, with amplitude exponentially decaying via JS-driven `transform-origin` updates over 1400ms to a settled 0.3px residual. The shake is **not an error pattern** — the residual 0.3px tremor continues for the entire chamber dwell, communicating ongoing affective resonance. Do not use this shake anywhere else on the site. 6. **Power (500–600vh).** Render Ξ (Greek capital Xi, U+039E) at 38vw in Limelight, color `--ma-deep` filled with `--lime-bone` 1px stroke + an inner `--neon-violet` 0.5px stroke offset 1.5px (achievable via SVG text + filter, or via three layered text elements). Inscribe the perimeter of the Ξ's bounding ellipse with twelve radial chevron-marks (deco-clock motif), each 14px long, at 30° intervals. The Ξ does not animate — its stillness is the chamber's event. Visitors scroll past it. 7. **Beatitude (600–700vh).** Render the ECG path as a single SVG `` with `stroke="--neon-rose"`, `stroke-width=1.4px`, `filter: drop-shadow(0 0 14px #FF2E93)`. The path data is pre-computed from Spinoza's Part V proposition-lengths (42 sinusoidal half-cycles). Animate `stroke-dashoffset` from `pathLength` to `0` over 8.4s on chamber entry, then loop a subtle 56-BPM pulse on the line opacity (1.0 ↔ 0.78). Above the ECG, drift the proposition `Beatitudo non est virtutis praemium, sed ipsa virtus` rightward at 2vh/s scroll-locked translation, in Fraunces 32px `--lime-bone`. 8. **Sign-Off (700–800vh).** From 700vh to 720vh, fade all neon to 0% intensity over 4.2s. The remaining 80vh of chamber is `--ma-deep` void with **only** a single 1px `--brass-deco` hairline at y=88vh spanning x=8% to x=64%, and the timestamp `Q.E.D. — 03:30 UTC` in Cinzel small-caps 11px `--brass-deco` at the right end of the hairline. **Animation budget (deliberately small, dreamy-pace):** - All easing: `cubic-bezier(0.34, 0.06, 0.16, 1)` (a "settling" curve, slow-out tail) - No animation faster than 480ms (banishes adrenaline from the page) - No animation slower than 8400ms (banishes torpor) - Three concurrent animations max — the visitor's attention is treated as sacred bandwidth - Reduced-motion: all animations collapse to opacity-only fades; the shake-error becomes a single 0.2s pulse; the ECG renders as a pre-drawn static path **Cursor and pointer behavior:** The cursor is **not** magnetic, **not** cursor-follow, **not** spring-driven. The 82% cursor-follow prevalence in the registry is broken. The cursor is a 1px crosshair in `--neon-rose` that **dilates to a 22px deco-aperture** (eight-pointed art-deco starburst) **only** when hovering a proposition, and contracts back over 320ms when leaving. This is the page's only pointer effect. **Storytelling commitment:** Every visit is the same eight-chamber transmission, in the same order, with the same Latin propositions, the same ECG, the same Ξ. There are no personalized greetings, no adaptive layouts, no A/B variants. The page is a *broadcast*, not a conversation. This is the most important commitment. ## Uniqueness Notes This design's distinct departures from the other 170 designs in the registry: 1. **Dreamy-ethereal-deco fusion (registry first).** The intersection of `tone:dreamy-ethereal` (2% prevalence) with `typography:art-deco-display` (4%) with `palette:neon-electric` (4%) appears nowhere else. Existing deco designs in the registry trend opulent-grand or luxurious; existing dreamy-ethereal designs trend pastel-ocean or watercolor. ethica.dev welds Chrysler-Building geometric rigor to a soft-eyed Spinozan reverie — the combination is an architectural mood that no other site occupies. 2. **Ma-negative-space at 71% pixel-area.** The registry's 7% ma-negative-space precedent treats negative space as breathing-room around content. ethica.dev treats negative space as **the protagonist** — it is animated (the chamber-breath), it is typographically kerned (the asymmetric 8/89 column rhythm), it is a structural primitive equal in load-bearing weight to the inked content. Pixel-area accounting: 71% void / 14% inked-typography / 14% neon / 1% brass. 3. **Cool-leading neon-electric (84% cool pixel-area).** Registry analysis: 97% of designs are warm-leading. ethica.dev is the registry's first design to render neon-electric as cool-dominant — `--ma-deep`, `--neon-violet`, `--neon-cyan` carry 84% of the colored pixels, with `--neon-rose` and `--neon-amber` used only as voltage-accents. This thermal inversion of dopamine-aesthetics is the headline color move. 4. **Shake-error as affective resonance, not as error.** The registry's 4% shake-error precedent uses shake exclusively for form-validation and error-feedback. ethica.dev relocates shake into Spinoza's *passio* — a single chamber where shake is the page's emotional climax, not a fault state. The decaying amplitude (6px → 0.3px residual) communicates the philosophical content of the chamber: passions clarify into adequate ideas. No other site uses shake in this semantic. 5. **No gradient in dominant typographic mass.** The registry's 97% gradient-prevalence is broken: gradients here exist only in two surgical locations (chevron plasma-strokes, Beatitude ECG). The dominant page reads as flat neon-on-void — a 1920s electric-sign aesthetic, not a 2010s mesh-gradient saas aesthetic. 6. **No cursor-follow / no magnetic / no spring.** The registry's 82% cursor-follow + 80% spring + 74% magnetic + 75% stagger combination is intentionally absent. ethica.dev's only pointer effect is the deco-aperture dilation on proposition-hover. The page is meant to be *received*, not *played with*. The pointer interaction-budget is intentionally austere. 7. **Five-voice typographic chorus excluding the registry's mono-default.** Limelight + Cinzel + Fraunces + Cormorant + DM Mono — Limelight, Cinzel, and Cormorant collectively appear in <2% of the registry, and Limelight specifically does not appear in the registry's frequency analysis at all. The deco theatre-marquee voice is unique to this design. 8. **Octave Scroll structure (8 named chambers, not sections).** The registry's stratified-depth precedents (~10% layered-depth) name strata generically. ethica.dev names them after Spinoza's Parts plus three transmission-meta-chambers, and each chamber has **its own breath-rhythm** modulating ma. The naming is part of the content, not part of the chrome. 9. **Latin propositions, untranslated in primary text.** No registry site is content-bound to a 17th-century philosophical treatise. Translations are demoted to the Cormorant italic gutter — the visitor encounters the proposition first as sound and shape (Latin's percussive consonants), then as meaning. This refuses the SaaS-default of "explain the value above the fold." 10. **Abstract-tech motif rendered as deco-circuit, not as cyberpunk-circuit.** The registry's 2% abstract-tech precedent (and the related 5% circuit precedent) uses circuit imagery in service of cyberpunk or sci-fi. ethica.dev translates abstract-tech into deco-electrical: chevron-stacks, ziggurat-rules, sunburst-caps, modulator-coils. This is **electric ornament from 1928, not 2078.** **Chosen seed (provided by orchestrator):** - aesthetic: **dopamine** (14% — moderate) - layout: **ma-negative-space** (7% — underused) - typography: **art-deco-display** (4% — rare) - palette: **neon-electric** (4% — rare) - patterns: **shake-error** (4% — rare) - imagery: **data-viz** (7% — underused) - motifs: **abstract-tech** (2% — rarest) - tone: **dreamy-ethereal** (2% — rarest) **Avoided patterns (from frequency analysis):** - hand-drawn aesthetic (96% — saturation-avoided) - glassmorphism aesthetic (68% — saturation-avoided) - photography imagery (98% — saturation-avoided) - full-bleed layout (92% — saturation-avoided; replaced by 71% ma-void) - card-grid layout (81% — saturation-avoided; no cards anywhere) - centered layout (81% — saturation-avoided; centering is forbidden) - gradient palette (97% — surgical-only) - warm palette (97% — cool-leading inversion) - parallax patterns (94% — absent) - cursor-follow patterns (82% — absent) - spring patterns (80% — absent) - stagger patterns (75% — limited to chamber-II constellation) - magnetic patterns (74% — absent) - mono typography (95% — DM Mono in small-text role only)