Goblincore

Moss, Mud, and Marvelous Things

A design system rooted in the forest floor, celebrating the beauty of overlooked things — mushrooms pushing through leaf litter, lichen on old stone, snails on rainy mornings, jars of bones and bottle caps. Earthy, chaotic, and unapologetically enchanted.

Color Palette

Pulled from damp earth, rotting logs, and twilight foraging walks. Deep muddy browns anchor the palette; mossy greens and fungal purples provide contrast; amber accents glint like found treasure.

Mud & Loam

Mud Black#1C1A16
Mud Deep#2A2520
Mud Dark#3A332B
Mud Brown#4E4238
Mud Warm#6B5A4A

Moss & Lichen

Moss Deep#2D3A1E
Moss Dark#3E4F2A
Moss Green#536B38
Moss Light#6E8A4A
Moss Pale#97B36E
Lichen Grey#8A9A7A
Lichen Pale#B5C4A2

Toadstool

Toad Deep#3A1F3A
Toad Purple#5E3A5E
Toad Mauve#7D5678
Toad Light#A07A9A
Toad Pale#C8A8C0

Bone & Stone

Bone White#E8E0D0
Bone Cream#D8CEB8
Bone Tan#C4B89E
Stone Grey#8A8070
Stone Dark#5E5548

Curiosity Accents

Amber Glow#D4A030
Amber Warm#B8882A
Rust Orange#B86840
Beetle Green#2A8A5A
Snail Silver#A8B0A8

Typography

Three fonts form the goblin typographic voice: a stately display serif for headings, a slightly rough-edged body serif for reading, and a hand-scrawled cursive for labels and marginalia — like notes scratched on bark.

Display — Della Respira, 3rem

Curiosities of the Forest Floor

font-family: var(--font-display) | weight: 400 | line-height: 1.15

Heading 1 — Della Respira, 2.4rem

A Jar of Peculiar Stones

font-family: var(--font-display) | weight: 400 | line-height: 1.2

Heading 2 — Della Respira, 1.8rem

Lichen Patterns on Fallen Logs

font-family: var(--font-display) | weight: 400 | line-height: 1.25

Heading 3 — Della Respira, 1.4rem

Spore Identification Notes

font-family: var(--font-display) | weight: 400 | line-height: 1.3

Body Large — IM Fell English, 1.15rem

The goblin does not seek perfection. It seeks the crooked thing, the tarnished coin, the cracked geode still beautiful inside. There is a profound tenderness in finding value where others see none.

font-family: var(--font-body) | weight: 400 | line-height: 1.6

Body — IM Fell English, 1rem

Every puddle is a portal. Every rotting stump is a castle. The moss does not ask permission before it grows, and neither should you. Collect what calls to you and arrange it how you like.

font-family: var(--font-body) | weight: 400 | line-height: 1.65

Handwritten — Caveat, 1.6rem

found this behind the old greenhouse — possibly a fox vertebra? smells like rain and copper

font-family: var(--font-accent) | weight: 400 | line-height: 1.4

Caption — IM Fell English, 0.85rem

Specimen collected on the autumn equinox, near the creek bed where the old mill used to stand.

font-family: var(--font-body) | weight: 400 | line-height: 1.5


Spacing

A geometric spacing scale grounded in 4px increments — like measuring distances between mushrooms in a fairy ring.

--space-xs
4px
--space-sm
8px
--space-md
16px
--space-lg
24px
--space-xl
40px
--space-2xl
64px
--space-3xl
96px

Buttons

Sturdy, tactile buttons that feel like river-worn stones or wooden toggles. Each variant has a purpose in the goblin’s workshop.

Variants

With Icons

Sizes

Disabled State


Forms

Field-journal inputs for cataloguing found objects, logging sightings, and recording the exact conditions of a muddy afternoon expedition.

Common name or field description

Checkboxes

Radio Buttons

Toggle

Enable night-vision mode

Cards

Specimen cards for the curiosity cabinet. Each one holds a discovered treasure, tagged and catalogued in true goblin fashion.

🍄
Fungus

Amethyst Deceiver

A small, vivid purple mushroom found in deciduous woodland. Entirely edible but easily confused with toxic lookalikes.

Uncommon Edible
🪨
Stone

Creek Bed Quartz

Milky quartz pebble with an unusual iron stain on one face. Smooth from water erosion. Fits perfectly in the palm.

Common Favorite
🦫
Bone

Fox Vertebra

Cleaned and sun-bleached vertebra found in a meadow near the treeline. Beautiful interlocking shape. Possibly C3 or C4.

Rare

Horizontal Card

🦠
Found Object

Rusted Skeleton Key

Dug from soft soil near an old foundation. Opens nothing known.


Alerts

Messages from the forest — warnings about poisonous look-alikes, celebratory finds, and notes of caution for the eager forager.

🌿

Specimen Catalogued

Your new find has been added to the curiosity cabinet. Cross-reference with last month’s entries complete.

Identification Uncertain

This specimen closely resembles Galerina marginata (Funeral Bell). Do not consume without expert confirmation.

Toxic Species Detected

The white-spotted red cap indicates Amanita muscaria. Handle with gloves. Do not ingest under any circumstances.

🔭

Foraging Tip

The best time to find morels is 2–3 days after a warm rain, when soil temperature rises above 50°F. Check near dead elms and tulip poplars.


Badges & Tags

Small labels for classification, rarity, and status — the stickers on specimen jars.

Rarity

Common Uncommon Rare Legendary Mythic

Categories

🍄 Fungus 🪨 Stone 🦫 Bone 🔎 Found Object 🐛 Insect 🌿 Plant

Navigation

Wayfinding through the hoard — nav bars, breadcrumbs, and tabs for organizing the sprawling collection.

Nav Bar

Breadcrumbs

Tabs


Data Table

The ledger of curiosities. A reference table for cataloguing the hoard’s contents.

Specimen Type Location Rarity Date
Amethyst Deceiver Fungus Oak hollow, west trail Rare Oct 13
Creek Bed Quartz Stone Creek bend, marker 7 Common Sep 28
Fox Vertebra (C3) Bone Meadow, near treeline Mythic Nov 2
Rusted Skeleton Key Found Object Old foundation site Legendary Nov 15
Staghorn Beetle Shell Insect Compost heap, garden Uncommon Aug 4

Blockquotes & Dividers

Words of goblin wisdom and the markers between sections of the field journal.

Anything is treasure if you look at it long enough. The snail knows this. The magpie knows this. The child with pockets full of rocks knows this best of all. — The Goblin’s Almanac
There is no such thing as an ugly mushroom. Only mushrooms whose beauty requires closer inspection, ideally with a hand lens and a willingness to get muddy. — Field Notes, Volume XII
🍄

Code

Even goblins document their spells. Inline code and code blocks for the technically inclined hoarder.

function classify(specimen) {
  const traits = specimen.getTraits();
  if (traits.includes('cap') && traits.includes('gills')) {
    return { type: 'fungus', subtype: 'agaric' };
  }
  if (traits.includes('mineral') && specimen.hardness > 6) {
    return { type: 'stone', subtype: 'crystal' };
  }
  return { type: 'unknown_curiosity' };
}

Progress

Tracking the hoard’s growth, foraging goals, and identification confidence levels.

Fungi Catalogued 73%
Stones Identified 45%
Treasure Hoard 88%
Bones Cleaned 31%

Design Principles

The philosophical roots of the goblincore design system — guiding every color choice, every texture, every intentionally imperfect edge.

🍄

Embrace Decay

Beauty exists in rot, rust, and the slow crumble of things. Interfaces should feel aged, organic, and alive with quiet change.

🔎

Reward Curiosity

Every interaction is a tiny discovery. Hover states, hidden details, and layered information mirror the joy of turning over a log.

🪨

Collect Without Shame

Abundance over minimalism. Dense layouts, rich textures, and generous content. The hoard is always growing.

🌱

Ground in Earth

Every color comes from soil, stone, bark, or moss. The palette is the forest floor, not the screen.

🦠

Imperfect on Purpose

Slight roughness in typography, organic border radii, and hand-scrawled labels. Perfection is for elves.