# Design Language for interplanetary.biz ## Aesthetics and Tone **The Mossgrown Orrery.** This is goblincore that escaped Earth's gravity — a slow, hoarder's catalogue of small precious things gathered between worlds. Imagine a cluttered observatory built into a hollowed asteroid: brass astrolabes furred with green lichen, jars of moon-dust labeled in fountain pen, a card index of comets sorted by smell. interplanetary.biz is not a "space company" website; it is the field journal of a creature who treats the solar system like a forest floor — collecting, naming, pocketing, treasuring. The tone is **calm-serene** to the point of meditative: nothing pulses, nothing demands. Text appears the way someone slowly types into an old terminal at 2am, comfortable and unhurried. The goblincore chaos lives in the *density of detail* — overlapping marginalia, taped-in specimen plates, mismatched ornament — not in motion or noise. Think of it as a quiet hoard you are allowed to browse. Inspiration touchstones: Ernst Haeckel's *Kunstformen* plates rendered in malachite instead of sepia; the inside of a wunderkammer drawer; Art-Deco elevator panels from the 1920s grown over with bracket fungus; a typewriter manual for a machine that catalogues planets; British nature-trust interpretive signage if it were written about Europa. ## Layout Motifs and Structure **Editorial-flow, not card-grid.** The page reads like a bound naturalist's quarterly: a wide single primary column (62–66ch measure) with a generous **left margin rail** (≈22% width) reserved for marginalia — running glosses, tiny specimen thumbnails, hand-set folios, and Deco corner-pieces. Content flows in long uninterrupted passages broken by **plate interludes**: full-bleed marble-textured spreads bearing a single engraved illustration and a one-line caption set in the display face. Structure top to bottom: 1. **Frontispiece** — masthead in stepped Art-Deco display lettering ("INTERPLANETARY · BIZ"), a malachite seal/sunburst rule beneath it, and a slow typewriter line introducing the hoard. No nav bar in the conventional sense; instead a **tabbed ledger spine** down the far left edge (vertical text, brass-tab look) linking to sections. 2. **The Standing — a letter** — a long editorial column, justified, with drop-cap, explaining what the catalogue is. Marginal rail fills with dated notes. 3. **Specimen Pages** — three to five long entries, each: a Deco header band, a plate interlude (marble ground + line illustration of a moon/ring/dust devil), then flowing descriptive prose with inline footnote markers that reveal glosses in the rail. 4. **The Index** — a typeset table-of-contents-style list, not a stat grid: roman-numbered, leader-dotted, entirely typographic, evoking a book's back matter. 5. **Colophon** — set like a real colophon: typeface credits, "printed between Mars and the Belt", a final typewriter line that finishes and the cursor stops blinking. Spatial rules: asymmetry favors the rail-left, content-right balance; rules and ornaments are *stepped* (Deco ziggurat brackets) rather than rounded; whitespace is "rag paper" — uneven, breathing, never gridded into equal cells. Absolutely **no bento boxes, no equal card rows, no CTA bands, no pricing tiers, no number-stat strips.** ## Typography and Palette **Display / Headings:** **"Poiret One"** for the most ornamental masthead flourishes and section initials, and **"Limelight"** for the stepped, geometric Art-Deco display bands and plate captions (its fat-stroke Deco geometry carries the 1920s elevator-panel feel). Use generous letter-spacing (0.18–0.34em), all-caps, with stacked/stepped baselines on the masthead. **Body / Editorial column:** **"EB Garamond"** — a warm, bookish old-style serif at a comfortable 19–21px, justified with hyphenation, true drop-caps. This is the "bound quarterly" voice. **Marginalia / Glosses / Folios:** **"Cormorant Garamond"** italic at small size for the rail notes, plus **"Special Elite"** (typewriter) for dated stamps, specimen labels, and the live typewriter lines so the "field-typed at 2am" texture reads true. **Palette — forest-green hoard with brass and bone:** - `#16241B` — *deep moss umbra* (primary background; near-black green, like wet bark in shade) - `#1F3327` — *fern hollow* (panel/plate ground, marginal rail fill) - `#3E6B4A` — *malachite* (rules, Deco ornament strokes, links, the sunburst seal) - `#7FA98A` — *lichen sage* (secondary text, gloss text, hairlines) - `#C9B888` — *tarnished brass* (display headings, ledger-spine tabs, drop-caps) - `#E9E1CD` — *rag-paper bone* (body text on dark; or inverted as paper ground for plate spreads) - `#8C2F2A` — *iron-oxide red* (used sparingly: footnote markers, the typewriter cursor, a single seal accent — the one warm spark in a green room) Plate-interlude spreads invert: bone (`#E9E1CD`) marble ground, moss-umbra ink, malachite line work. ## Imagery and Motifs - **Marble texture** is the recurring ground: not glossy slab — *quarry-section* veining (CSS layered radial/conic gradients + SVG turbulence fractal noise filter, low opacity), in moss-and-bone on the plates and a barely-there green vein over the main background. - **Engraved-line illustrations** (rendered as inline SVG, single-weight strokes): a ringed moon, a dust devil on red rock, a hollow asteroid in cross-section, a cluster of comet "specimens" pinned like beetles, an orrery whose gears are leaves. Hand-illustration feel, but precise — Haeckel-by-way-of-an-engineer. - **Tech motifs** woven quietly: faint **schematic overlays** — dotted orbital paths, caliper marks, gear-tooth borders, a ledger of "telemetry" entries set as monospaced typewriter lines, tiny circuit-trace flourishes hiding inside the Deco ornament. The hoard is partly mechanical: brass instruments, dials, the *idea* of measurement, kept calm. - **Art-Deco ornament:** stepped ziggurat corner-pieces, sunburst/fan dividers, fluted column rules between the rail and column, chevron tab-shapes on the ledger spine. All in malachite or brass hairline. - **Goblincore clutter, controlled:** "taped-in" specimen plates with slight rotation and drop shadow, fountain-pen marginal scrawls, a pressed-leaf or wax-seal motif near the colophon, mismatched folio numbers (some roman, some hand-written), a few entries with a coffee-ring or smudge SVG. Density of small treasures — never garish. ## Prompts for Implementation - **Build it as a quiet, full-screen reading experience** — a journal you scroll through slowly, not a marketing page. One long document; section "jumps" are anchor links on the vertical ledger spine, smooth-scrolled. - **Typewriter effect, used with restraint:** the frontispiece intro line and the colophon's closing line type themselves out character-by-character (~28–40ms/char, slight jitter), with a blinking iron-oxide cursor. After the colophon line completes, the cursor blinks three more times then stops — a small, calm period at the end. Honor `prefers-reduced-motion`: render full text instantly, cursor static. Do not typewriter the body prose — that would be exhausting; only the two "typed-at-night" lines and the small telemetry-ledger stamps. - **Scroll-triggered reveals, gentle:** plate interludes fade-and-rise (12–18px, ~700ms ease-out) when scrolled into view; marginal glosses fade in one beat after their paragraph; footnote glosses in the rail expand softly when their iron-oxide marker is hovered/focused. Nothing bounces, nothing springs hard. Stagger is slow and even. - **Marble & noise in CSS/SVG:** layer 2–3 large soft radial gradients (moss tones) + a low-opacity SVG `feTurbulence`/`feDisplacementMap` veining layer for the background; plate spreads get a stronger bone-marble version. Keep file size sane — procedural, not image-heavy. - **Deco lettering details:** masthead set in Limelight, all-caps, wide tracking, with a CSS-drawn stepped sunburst rule beneath (conic-gradient fan + chevron pseudo-elements). Drop-caps in tarnished brass, three lines deep, in Poiret One. - **Engraved SVGs inline** so strokes can animate subtly: on a plate's reveal, let one or two illustration paths *draw* themselves (`stroke-dashoffset`, ~1.4s, single-pass, no loop) — like an engraver finishing a line. Caliper/orbit dotted paths can have an extremely slow continuous dash-drift (calm, almost imperceptible). - **The ledger spine** (left edge): vertical-text chevron tabs in brass-on-moss; the active section's tab brightens and nudges 4px outward. Subtle, mechanical, satisfying. - **AVOID:** CTA-heavy layouts, "Get started" buttons, pricing blocks, stat/number grids, testimonial cards, equal-height card rows, hero-with-form, anything that reads as a SaaS landing page. This is a catalogue and a letter, not a funnel. ## Uniqueness Notes - **Goblincore in orbit:** virtually no other design here pairs goblincore's hoarder-detail-density with a *calm, serene* tone and a *deep-space cartography* subject — goblincore (2%) is rare to begin with, and this reading of it (interplanetary collector's quarterly, not earthy-shop) is unprecedented in the set. - **Marble texture as the primary ground in a green room:** marble-texture imagery (2%) and forest-green palette (5%) are both rare; combining quarry-section marble veining *in moss-and-bone* — not the usual luxury-white slab — is a distinct material identity. The marble here is geological, not aspirational. - **Art-Deco display lettering serving a naturalist's journal:** art-deco-display typography (4%) is uncommon, and here it is used not for luxury/glam but as stepped engraved *plate captions and section bands* inside an EB-Garamond editorial flow — Deco-as-engraving rather than Deco-as-glamour. - **Editorial-flow with a marginalia rail + vertical ledger spine** instead of card-grid: editorial-flow layout (3%) is one of the least-used; the left rail-of-glosses and brass tab-spine navigation is a structural signature unlike the dashboard/bento/centered norms. - **Typewriter effect bounded to exactly two lines** (frontispiece + colophon) plus tiny telemetry stamps — a deliberately *minimal* use of typewriter-effect (10%) that ends on a stopped cursor, reinforcing serenity rather than the usual restless terminal vibe. Chosen seed/style: **aesthetic: goblincore, layout: editorial-flow, typography: art-deco-display, palette: forest-green, patterns: typewriter-effect, imagery: marble-texture, motifs: tech, tone: calm-serene** Avoided per frequency analysis: hand-drawn/glassmorphism aesthetics (96%/69%), photography imagery (98%), card-grid/full-bleed/centered default layouts (88%/93%/85%), warm+gradient palettes (98%/97%), parallax/cursor-follow/spring/magnetic pattern stack (95%/88%/86%/81%), mono typography default (94%), pastoral-romantic tone (35%).