# Design Language for archetypos.dev

## Aesthetics and Tone

`archetypos.dev` is a **candy-soft Hellenic toy-shop of original forms** — imagine if a 1965 Athenian children's encyclopedia of Platonic Forms (`Ἀρχέτυπος` = the *first-struck* die, the original pattern from which all copies are pressed) were re-pressed in 2026 as a bubblegum-pink, marshmallow-cyan, sherbet-lime **neomorphic toy console**, and every entry — *the Column*, *the Amphora*, *the Labyrinth*, *the Lyre*, *the Olive*, *the Theatron*, *the Discus*, *the Phoenix* — were a soft-pressed clay tablet on the desk of a six-year-old goddess who is also a senior software architect. The whole site is the **playroom of the prototype** — a developer-tool for the *primary forms of things*, but rendered as **soft, plump, pillowed UI** that you can almost squish with your cursor. Buttons puff outward like marshmallows; cards inset like thumbprints in dough; dividers are stitched seams in felt. Nothing is sharp. Nothing is hard-edged. Even the typography is **condensed but rounded** — narrow-shouldered, friendly-cornered, like the lettering on a beloved 1970s Greek children's primer reissued in candy-shop neon.

The tone is **playful-scholarly**, like a museum gift-shop run by Plato's daughter: *serious about archetypes, unserious about UI gravity*. Every interaction is a small toy: the sidebar inflates when hovered, archetype tiles soften and sink when pressed, headings ripple outward like dropped pebbles in honey-syrup. The mood is **bright sunlight through a candy-glass window in a neighborhood toy store, three blocks from the Acropolis, in a year that never existed**. There is no "enterprise" anywhere on the page; no SaaS hero block; no testimonial carousel; no pricing grid. There is only **one quiet sidebar full of archetypes you can *press*, and one big puffy reading-room where the chosen archetype unfolds in watercolor and condensed candy-pink type**. Visiting the site should feel like opening a soft-cornered cardboard box of pastel river-stones, each one labeled in tiny Greek capitals, each one humming a different note when you pick it up. Curiosity, not conversion. Squish, not scroll-jacking.

The deep gag is that **a developer site about archetypes** — a topic that almost demands stone, marble, sepia, monospace, scholarly serifs — has been re-skinned as a **candy-bright neomorphic plush toy** without losing one gram of intellectual seriousness. The Hellenic content stays rigorous; the surface stays edible. That contradiction is the entire aesthetic.

## Layout Motifs and Structure

The page is a **persistent left sidebar (320px wide on desktop, collapsible to 88px on tablet, bottom-docked drawer on mobile) plus a single soft-pillowed reading panel** filling the rest of the viewport. **No hero. No nav-bar. No footer beyond a tiny embossed colophon.** The sidebar is the *toy-shelf* — twelve archetype tiles stacked vertically, each one a **24px-radius neomorphic pillow** (`box-shadow: -8px -8px 16px #FFFFFF, 8px 8px 16px #E8C8DC` on the candy-pink base `#FAD9E5`) — and the reading panel is the *play-mat* where the chosen archetype unfolds.

**The Toy-Shelf Sidebar (left, fixed):**

- A single soft cream-pink panel `#FAD9E5` flush to the left edge, with **inset dual shadow** so it appears *carved into* the page rather than laid on top.
- 12 archetype tiles, each `260×72px`, vertically stacked with `gap: 14px`. Each tile is a *raised pillow* in resting state and **inverts to inset** on hover, as if pressed into clay. The active archetype stays inset (pressed-in) while it is being read.
- Each tile contains: (a) a **22px circular icon-bubble** (a tiny watercolor glyph — column, amphora, labyrinth, lyre, olive-branch, mask, discus, phoenix, owl, ship, crown, flame), (b) the archetype's **Greek name in condensed display caps** (`ΚΊΩΝ`, `ἈΜΦΟΡΕΎΣ`, `ΛΑΒΎΡΙΝΘΟΣ`...), (c) below it the **English in lowercase condensed** (`the column`, `the amphora`, `the labyrinth`...), (d) a tiny right-aligned **embossed numeral 01–12** in a sunken counter-bubble.
- At the top of the sidebar: an **88×88px round wordmark coin** with `archetypos.dev` wrapping the rim like the legend on an Athenian tetradrachm, owl in the center as a watercolor blot — the coin is a *raised pillow* with a subtle inner highlight at top-left and shadow at bottom-right, three-stage layered.
- At the bottom of the sidebar: a tiny **soft toggle** for "γλώσσα / language" (Greek / English content swap) shaped like a marshmallow capsule pill that slides between two indented hollows.

**The Play-Mat Reading Panel (right, scrollable):**

- A single padded canvas `padding: 88px 96px 120px 96px` on top of the cream-pink page base, with the chosen archetype unfolding in **progressive-disclosure cells** — *not* a scroll-snap deck, *not* a parallax journey. The archetype reveals in **soft, animated, stacked accordion-cells**, each cell a **rounded squircle pillow** with `border-radius: 32px` and the deep neomorphic dual-shadow recipe.
- Six progressive cells per archetype, opening in order as the visitor clicks (or scrolls past) each:
  1. **Etymology pillow** — the Greek root, transliterated, with hover-tooltips on each letter showing pronunciation. Inset bubble.
  2. **First-struck pillow** — *what the archetype originally meant*, in 2-3 short paragraphs of condensed candy-pink prose.
  3. **Watercolor plate pillow** — a hand-painted-feel SVG plate of the form (`<feTurbulence>` + `<feDisplacementMap>` chained for pigment-pooling).
  4. **Modern echoes pillow** — three small inset sub-tiles showing how the archetype echoes in modern code/architecture/UX (e.g., *the Column → the Sidebar*; *the Labyrinth → the Router*; *the Amphora → the Database*).
  5. **Cultural drift pillow** — a small inline mini-map of where the form re-surfaces across cultures (Minoan Crete → Hellenistic Egypt → Byzantine → Renaissance Florence → 1960s Athens → 2026 Brooklyn).
  6. **Closing maxim pillow** — a one-line ancient-source quote (Heraclitus, Sappho, Hesiod) in oversized condensed italic, embossed into the cream-pink panel as if pressed with a typewriter into wet plaster.
- Cells start *hidden* (collapsed to a 12px-tall pillow stub showing only the cell title) and **inflate** open with a spring (`cubic-bezier(.34, 1.56, .64, 1)`) lasting 540ms — the disclosure motion is the central pleasure of the page. The collapsed stubs **breathe** at 0.3 Hz (a 2% scale pulse) so the page never feels static.
- Between cells: not lines, not borders — instead a **stitched seam** rendered as a 1px dashed cream-line with `stroke-dasharray: 3 6` running horizontally between pillows, like felt panels on a stuffed toy.

**The off-canvas Hellenic frieze:**
A barely-visible watercolor frieze runs vertically along the *right edge* of the play-mat, 24px wide, showing a continuous repeating Greek key (meander) pattern in **sherbet-lime** at 8% opacity. It scrolls *4× slower* than the content — the only parallax on the page, and it serves no decorative purpose beyond marking the page as Hellenic.

## Typography and Palette

**Typography — three Google Fonts, all condensed-leaning, all sized into a tight rhythm.**

The condensed-typography axis is the *visual signature* of archetypos.dev. The frequency analysis shows `condensed` at 5% across 39 designs; this site commits to it fully and at oversized scale, paired with a single rounded-sans for body and a single Greek-capable display for the etymology pillows.

- **Display + headings — [Oswald](https://fonts.google.com/specimen/Oswald)** (variable, weight 200→700). Used for:
  - The wordmark on the coin (`weight 600`, tracking `+0.04em`, `clamp(13px, 1.2vw, 15px)`).
  - The archetype names on the toy-shelf tiles in Greek caps (`weight 500`, `clamp(15px, 1.05vw, 17px)`, tracking `+0.06em`).
  - The huge cell-title labels on the play-mat (`weight 600`, `clamp(28px, 3.4vw, 44px)`, tracking `-0.005em`).
  - The closing-maxim ancient quotes, italic-equivalent (oblique transform `skewX(-9deg)`) at `clamp(34px, 4.6vw, 64px)`, embossed into the cream-pink panel via dual `text-shadow`.
- **Body and pillow-prose — [Asap Condensed](https://fonts.google.com/specimen/Asap+Condensed)** (weights 400, 500, 600, 700 + italic). The condensed-but-friendly rounded-shoulder narrow body face that carries all 6 cell paragraphs. Body is set at `17px / 27px line-height`, weight 400, color the deep candy-burgundy `#7A1F45` on the cream-pink `#FAD9E5` background. Sub-tile labels at weight 600 in the same burgundy. The Asap Condensed italic carries the watercolor-plate captions.
- **Etymology + Greek text — [GFS Didot](https://fonts.google.com/specimen/GFS+Didot)** (regular + italic). Used *only* in the Etymology pillow for ancient-Greek text (polytonic-capable), and as the legend on the wordmark coin for the dotted Greek transliteration. Set at `21px / 32px line-height`, weight 400, color `#3D0F22`.

**Hierarchy summary:**
- H1 (cell-title): Oswald 600, `clamp(28px, 3.4vw, 44px)`.
- H2 (sub-tile heading inside a cell): Asap Condensed 700, `19px`.
- Body: Asap Condensed 400, `17px / 27px`.
- Greek etymology: GFS Didot 400, `21px / 32px`.
- Maxim quote: Oswald 600 oblique, `clamp(34px, 4.6vw, 64px)`.
- UI micro-labels (sidebar numerals, language toggle): Oswald 500, `12px`, tracking `+0.12em`.

**Palette — candy-bright Hellenic toy-shop, eight named tints.**

The page lives in a **candy-pink, sherbet-cyan, marshmallow-lime, honey-yellow, candy-burgundy** quintet with three neutrals (cream-pink base, deep-burgundy ink, white-highlight). All neomorphic shadow recipes are derived from these.

- `#FAD9E5` — **Cream-Pink Base** (the entire page background, the toy-shelf, the play-mat). The single most important color; everything is pressed into it.
- `#FFFFFF` — **Highlight Cream** (the upper-left light source on every neomorphic pillow; used at 100% in shadow stacks).
- `#E8C8DC` — **Pressed-Pink Shadow** (the lower-right shadow on every pillow; the slightly-deeper cream that gives the squish illusion).
- `#FF7AB8` — **Bubblegum-Pink Accent** (active tile highlights, hover glows on icons, the language-toggle pill in "Greek" position, focus rings).
- `#7BE3D3` — **Marshmallow-Cyan** (sub-tile #1 fills inside Modern Echoes cells, the background of icon-bubbles for *water* archetypes — Amphora, Ship, Lyre).
- `#C8F08A` — **Sherbet-Lime** (the right-edge meander frieze, the icon-bubble fills for *earth* archetypes — Olive, Column, Discus, Labyrinth).
- `#FFD96E` — **Honey-Yellow** (the icon-bubbles for *fire/sky* archetypes — Phoenix, Theatron, Lyre, Crown; the active sidebar number-counter).
- `#7A1F45` — **Candy-Burgundy Ink** (all body text, all headings, all numeral counters; the "ink" of the toy primer).
- `#3D0F22` — **Deep-Burgundy Etymology Ink** (Greek-text-only color in the Etymology pillow; the darker ink reserved for ancient text).

**Neomorphic shadow recipe (the load-bearing visual rule):**

- **Resting raised pillow:** `box-shadow: -8px -8px 16px #FFFFFF, 8px 8px 16px #E8C8DC, inset 0 0 0 0 transparent;`
- **Pressed/inset pillow:** `box-shadow: inset -6px -6px 12px #FFFFFF, inset 6px 6px 12px #E8C8DC;`
- **Hover-soft (1.5px lift):** add `transform: translateY(-1.5px); box-shadow: -10px -10px 22px #FFFFFF, 10px 10px 22px #E8C8DC;`

Every interactive surface uses this recipe. The transitions between resting / hover / pressed are all 320ms `cubic-bezier(.4, 0, .2, 1)` — a soft squish.

## Imagery and Motifs

**Watercolor + Hellenic-cultural is the only image mode.** No photography, no stock, no 3D render, no icon font, no noisy textures. The frequency analysis shows `photography` at 92% across the corpus; this design opts out completely. All visuals are **hand-painted-feel watercolor SVG plates** with **culturally-Hellenic motifs** rendered in the candy-bright palette.

**Twelve archetype watercolor plates** (one per sidebar tile, plus full-size on the play-mat):

1. **Ὁ Κίων / The Column** — a soft watercolor Doric column in sherbet-lime and candy-pink, fluting visible as paler vertical washes, capital and base bleeding pigment outward. Modern echo: the Sidebar.
2. **Ὁ Ἀμφορεύς / The Amphora** — a marshmallow-cyan two-handled vessel with honey-yellow interior, painted as if seen in afternoon market light. Modern echo: the Database.
3. **Ὁ Λαβύρινθος / The Labyrinth** — concentric meander squares in candy-pink and sherbet-lime, the line itself wandering, with a tiny watercolor minotaur-blot at the center. Modern echo: the Router.
4. **Ἡ Λύρα / The Lyre** — a seven-stringed tortoise-shell lyre in honey-yellow with bubblegum-pink strings, pigment pooling at the bridge. Modern echo: the API.
5. **Ἡ Ἐλαία / The Olive (branch)** — a sprig of marshmallow-cyan-tinted olive leaves with sherbet-lime fruits, laid diagonally. Modern echo: the Repository.
6. **Τὸ Θέατρον / The Theatron** — a watercolor tragic-mask in candy-pink and honey-yellow, hollow eyes weeping pigment downward. Modern echo: the View.
7. **Ὁ Δίσκος / The Discus** — a flat watercolor disc in honey-yellow and bubblegum-pink mid-flight, motion-blur as wet pigment drag. Modern echo: the Event.
8. **Ὁ Φοίνιξ / The Phoenix** — a candy-burgundy and honey-yellow phoenix in mid-flame, watercolor flame-tongues licking up the page. Modern echo: the Hot-Reload.
9. **Ἡ Γλαῦξ / The Owl (Athena's owl)** — a sherbet-lime watercolor owl with two enormous candy-burgundy eyes, sitting on a marshmallow-cyan branch. Modern echo: the Linter.
10. **Ἡ Ναῦς / The Ship** — a candy-pink-and-cyan trireme with three watercolor oar-banks rippling. Modern echo: the Pipeline.
11. **Ὁ Στέφανος / The Crown (laurel-wreath)** — a sherbet-lime laurel circlet with honey-yellow berries and bubblegum-pink ribbons. Modern echo: the Release.
12. **Ἡ Φλόξ / The Flame (Hestia's hearth-flame)** — a single rising tongue of bubblegum-pink and honey-yellow watercolor flame on a cream ground. Modern echo: the Daemon.

**Motif system — `cultural` (Hellenic, candy-pressed):**

- **Greek key / meander** (the right-edge frieze; also as 1px stitched seams between cells) — the ancient pattern, but in sherbet-lime watercolor, never in solid line.
- **Polytonic-Greek micro-glyphs** floating in the margins of each cell — `ἀ`, `ἐ`, `ἰ`, `ὀ`, `ὐ` — at 9px, 6% opacity, candy-burgundy, like dust shaken loose from a primer.
- **Coin-rim ornament** on the wordmark — the 88×88 round coin uses a watercolor laurel ring at the rim, like the legend-ring on a tetradrachm, but candy-bright instead of silver.
- **Astragaloi (knucklebones)** — three tiny watercolor knucklebone-blots scattered at the bottom of the play-mat under the colophon, in the four candy colors, as if a child had been playing the game while reading.
- **Embossed-letter motif** — the closing-maxim quotes in each cell appear as if **pressed into the cream-pink panel** with a typewriter, rendered via dual text-shadow (white highlight top-left, pressed-pink shadow bottom-right) — the same neomorphic dual-shadow rule applied to type.
- **Stitched seams** — every divider on the page is a 1px dashed cream-line, suggesting felt panels of a soft toy stitched together, never a hard rule.

**No photography. No stock icons. No system emoji. No 3D shaders.** Every glyph on the page was hand-painted in the SVG.

## Prompts for Implementation

Build `archetypos.dev` as **a single soft, candy-bright, neomorphic toy-console of twelve Hellenic archetypes with a persistent left toy-shelf sidebar and a progressively-disclosed reading play-mat on the right**. Implement it as one HTML file, one CSS file, one tiny vanilla JS file. No framework. No bundler. No build step. The whole thing should feel like opening a marshmallow-soft children's primer of Plato's Forms.

**Story and interaction arc (no horizontal nav, no menu-bar, no CTA, no pricing, no testimonials, no footer beyond a tiny embossed colophon):**

1. **First paint** — page loads to the cream-pink base `#FAD9E5`. The sidebar fades in from `opacity 0` to `1` over 600ms with a 40ms stagger between tiles, each tile spring-popping (`cubic-bezier(.34, 1.56, .64, 1)`) into its raised-pillow resting state. The play-mat shows a single oversized greeting pillow: **"πρωτότυπος"** (prototype) in Oswald 600 condensed at `clamp(64px, 9vw, 144px)`, candy-burgundy on cream-pink, embossed via dual text-shadow. Below it in Asap Condensed: *"the original pattern from which all copies are pressed — pick a form."*
2. **Hover any sidebar tile** — the tile lifts 1.5px with the hover-soft shadow recipe (320ms ease), the icon-bubble brightens to its accent color, and a faint candy-pink glow appears at the upper-left. *Cursor becomes a soft-tipped finger* (custom CSS cursor — a tiny watercolor blot of a fingertip).
3. **Press any sidebar tile** — the tile inverts to inset (320ms), the play-mat **fades the previous archetype out** (220ms) and **inflates the new archetype's six progressive cells** in stacked stubs from top to bottom with a 60ms inter-stub stagger. The cell-title labels are visible; the bodies are collapsed.
4. **Click any cell stub** — the cell *inflates* over 540ms with the spring curve, the chevron icon at the right rotates 180°, and the body text fades in from `opacity 0 + translateY 8px` to `opacity 1 + translateY 0` with another 80ms stagger between paragraphs. The previously open cell does *not* close — the play-mat is *additive*; the visitor builds up the full archetype as a column of inflated pillows. (This is the progressive-disclosure pattern.)
5. **Scroll** — content scrolls normally inside the play-mat. The right-edge meander frieze parallaxes at 0.25× the scroll rate. The sidebar stays fixed.
6. **Watercolor plate cells** — when the Watercolor Plate cell inflates, its SVG runs a one-shot pigment-pooling animation: the `feDisplacementMap`'s `scale` attribute animates from `0` to `4.5` over 1.4 seconds, simulating wet pigment spreading on paper.
7. **Cultural drift cells** — when the Cultural Drift cell inflates, the inline mini-map of cultural transmission *paints itself* with `path-draw-svg` — the path is stroked from Minoan Crete outward to 2026 Brooklyn over 2.2 seconds, with small candy-bright dots blooming at each waypoint.
8. **Closing maxim pillow** — the ancient quote types in *one Greek letter at a time* via a typewriter effect at 65ms per letter, with a small bubblegum-pink caret blinking at the trailing edge. When the line completes, the caret persists for 1.2 seconds then fades.
9. **Language toggle (sidebar bottom)** — sliding the marshmallow-pill capsule swaps all body content from English to Greek (and vice versa) with a 280ms cross-fade per cell. Greek mode loads the GFS Didot face for body too. The toggle's slide is itself a neomorphic pill animation.
10. **Idle (no interaction for 8 seconds)** — the collapsed cell stubs **breathe** at 0.3 Hz with a 2% scale pulse, signaling pressability. The active sidebar tile's icon-bubble pulses faintly in its accent color at the same rate. The page is *never* dead-still.
11. **Footer (embossed colophon, end of play-mat)** — three lines in 11px Oswald 500, candy-burgundy embossed: *"archetypos.dev — first-struck forms of the digital craft"* / *"hand-painted in cream-pink and sherbet-lime, 2026"* / a tiny laurel-glyph and three astragaloi blots. No social icons, no nav, no email signup.

**Implementation specifics:**

- **CSS architecture:** define `--cream-pink`, `--highlight`, `--pressed-pink`, `--bubblegum`, `--marshmallow-cyan`, `--sherbet-lime`, `--honey-yellow`, `--candy-burgundy`, `--deep-burgundy` as root tokens. Define `--shadow-raised`, `--shadow-pressed`, `--shadow-hover` as composite shadow tokens. Every pillow on the page references these — change one token, retune the entire toy.
- **Neomorphic mixin:** every interactive surface (sidebar tile, cell pillow, icon-bubble, language toggle, wordmark coin) uses the dual-shadow recipe. There is *no* `border` anywhere on the page, *no* `outline` (focus rings are bubblegum-pink glow halos), and *no* hard `1px solid` line. The only "lines" are the dashed stitched-seam dividers.
- **Watercolor SVG filters:** define one shared `<filter id="watercolor-bleed">` in a single inline `<svg>` at the top of `<body>` containing `<feTurbulence type="fractalNoise" baseFrequency="0.012 0.018" numOctaves="2"/>` chained into `<feDisplacementMap in="SourceGraphic" scale="3.5"/>` chained into `<feGaussianBlur stdDeviation="0.4"/>`. Every archetype plate references `filter="url(#watercolor-bleed)"`. On Watercolor Plate cell inflation, animate the `scale` attribute from 0 to 4.5 once.
- **Greek typography:** the Etymology pillow and the wordmark coin use GFS Didot polytonic. Confirm `lang="el"` on those elements.
- **No framework:** vanilla JS only. The cell-inflation system can live in ~80 lines: a click handler on stubs that toggles a `[data-open]` attribute, with CSS handling the spring transition.
- **Storytelling bias:** every cell text should be written as if a *Greek grandmother who is also a senior staff engineer* is gently explaining the archetype to her grandchild. Warm, condensed, candy-bright; never corporate, never SEO-paragraph.
- **AVOID:** CTA blocks, pricing tables, stat-grids, testimonial sliders, "Why choose us?" sections, hero-image carousels, email signup modals, dark-mode toggles, social-proof logos, "trusted by" rows, feature comparison tables. None of these belong on a candy-bright Hellenic toy-shelf of archetypes.

**Mobile (< 720px):**
The sidebar collapses to a **bottom-docked drawer** — a single 88px-tall horizontally-scrolling row of icon-bubbles only (no labels), pressed-in to the cream-pink page. The play-mat fills the rest of the viewport. Cell pillows reduce padding to `28px 22px` and the cell titles drop to `clamp(22px, 6vw, 32px)`. The right-edge meander frieze hides on mobile. Everything else — the spring inflations, the watercolor plates, the breathing — is preserved.

## Uniqueness Notes

**Differentiators from the existing 39-design corpus (informed by the frequency analysis):**

1. **First fully-committed neomorphic site in the corpus.** The frequency analysis registers `neomorphism` at **2%** (one prior token, treated as flavor); archetypos.dev is the first design where *every interactive surface* obeys the dual-shadow neomorphic recipe and where the *entire visual identity* is built on the soft-pressed-into-clay metaphor. No glassmorphism (33%), no brutalism (10%), no minimalism (20%) — instead, the squishiest UI in the catalog.

2. **Candy-bright + Hellenic-cultural is a corpus-unique pairing.** `candy-bright` palette appears at **7%** and `cultural` motif at **2%**, but no other site fuses them. The dominant moods in the corpus are warm (97%) and gradient (89%); archetypos.dev rejects gradients almost entirely (one tiny conic on the laurel coin) in favor of *flat candy fields with neomorphic depth*. This is the only site in the corpus where ancient Greek polytonic glyphs float as 9px dust over a bubblegum-pink page.

3. **Condensed typography at oversized scale.** `condensed` registers at **5%**; this site uses Oswald + Asap Condensed as the entire typographic system, paired with GFS Didot polytonic for ancient text. No other site combines these three. The "candy-pink condensed primer" feel is unique.

4. **Sidebar layout that does NOT lead to a dashboard.** `sidebar` registers at **25%**, but in the corpus it almost always means *dashboard navigation* — analytics, app-shell, doc-tree. archetypos.dev uses the sidebar as a *toy-shelf of pressable archetypes*; the panel itself is a soft pillow, not a chrome utility. This re-purposes a common layout pattern as a playful object.

5. **Progressive-disclosure as the central pleasure.** `progressive-disclosure` registers at **5%** and is rare in the corpus; here it is the *load-bearing interaction*. The play-mat is *additive* — cells inflate but never collapse — so the visitor builds the full archetype as a column of stacked candy pillows. This is unlike any scroll-snap or parallax pattern in the corpus.

6. **Watercolor + cultural + neomorphic is a never-before-seen combination.** Watercolor imagery sits at ~3% and cultural motifs at 2%; no other design pairs them, and certainly not on a neomorphic candy-bright base. The watercolor plates are *hand-painted Hellenic glyphs* (column, amphora, lyre, owl), not floral or abstract — a corpus first.

7. **No photography. No 3D. No icon font.** The corpus shows photography at 92%; archetypos.dev opts out completely. Every glyph is hand-painted SVG with `<feTurbulence>` + `<feDisplacementMap>` watercolor filtering. There is not one stock asset on the page.

8. **The "embossed type" detail.** Closing-maxim quotes are pressed *into* the cream-pink panel via dual text-shadow, applying the neomorphic recipe to typography itself — a technique not used elsewhere in the corpus and a genuine micro-innovation: type-as-physical-impression.

9. **Bilingual Greek/English with polytonic-aware typography.** The language toggle swaps body content and *also* swaps to GFS Didot for Greek mode, preserving polytonic accents. No other site in the corpus offers an authentic Greek-mode experience.

10. **Twelve archetypes mapped to twelve modern code concepts.** *Column → Sidebar*, *Amphora → Database*, *Labyrinth → Router*, *Lyre → API*, *Olive → Repository*, *Theatron → View*, *Discus → Event*, *Phoenix → Hot-Reload*, *Owl → Linter*, *Ship → Pipeline*, *Crown → Release*, *Flame → Daemon*. The site is *secretly a developer-philosophy primer* dressed as a candy toy.

**Chosen seed (per assignment):** aesthetic = **neomorphism**, layout = **sidebar**, typography = **condensed**, palette = **candy-bright**, patterns = **progressive-disclosure**, imagery = **watercolor**, motifs = **cultural**, tone = **playful**.

**Frequency-analysis context (from `tools/design/frequency.sh`, 39 designs):**

- **Aesthetics avoided:** hand-drawn (84%, oversaturated), editorial (51%), glassmorphism (33%), terminal (23%), swiss (23%), minimalist (20%) — all rejected. **neomorphism (2%)** chosen and committed to fully.
- **Layouts avoided:** centered (92%, near-universal), full-bleed (87%), asymmetric (46%) — all rejected. **sidebar (25%)** chosen but re-purposed as a *toy-shelf*, not a dashboard.
- **Palettes avoided:** warm (97%, near-universal), gradient (89%, near-universal), duotone (20%) — all rejected. **candy-bright (7%)** chosen, paired with Hellenic-cultural motifs (2%) for a corpus-unique combination.
- **Patterns avoided:** parallax (89%), scroll-triggered (64%), stagger (64%, used only in the sidebar fade-in), spring (43%, used as the inflation curve), path-draw-svg (33%, used only in cultural-drift mini-map). **progressive-disclosure (5%)** chosen as the load-bearing interaction.
- **Imagery avoided:** photography (92%, near-universal), minimal (23%), gradient-mesh, leather-texture, etc. — all rejected. **Watercolor** (rare, ~3%) chosen as the *only* image mode.
- **Motifs avoided:** vintage (87%, near-universal), tech (12%), bubble-playful (10%, near-overlap with candy-bright but not used as the dominant motif), circuit (10%) — all rejected. **cultural (2%)** chosen and rendered as authentically Hellenic (meander, polytonic glyphs, astragaloi, laurel coin).
- **Typography avoided:** mono (94%, near-universal) — fully rejected, no monospace anywhere on the page; handwritten (38%) rejected; humanist (30%) rejected. **condensed (5%)** chosen via Oswald + Asap Condensed, paired with GFS Didot for polytonic Greek.
- **Tone avoided:** professional (33%) and friendly (28%) — rejected as too generic. **playful** committed to as a *playful-scholarly* register: serious about archetypes, unserious about UI gravity.

The site is, in one sentence: **a candy-bright neomorphic Hellenic toy-shelf where you press soft archetype pillows to inflate watercolor primers of Plato's Forms and their modern echoes in code.**
<!-- DESIGN STAMP
  timestamp: 2026-05-05T10:15:26
  domain: archetypos.dev
  seed: seed
  aesthetic: `archetypos.dev` is a **candy-soft Hellenic toy-shop of original forms** — imagi...
  content_hash: 5132c66ccd2d
-->