Give it space.
Leave clear space around the outermost fibres. Use my when the full name would become too small to read.
NIGHT GARDEN / BRAND SYSTEM 01
Precision.
With a pulse.
The calm of a technical tool. The curiosity of a living system. A visual language built to work hard and leave room for play.
01 / THE IDENTITY
A living word.
A small signature.
Soft lowercase forms grow from a shared mycelial thread. Fine branches connect the letters; the upright i meets the thread through one curved hypha. ENGINE stays upright beneath the final m. Use the full wordmark when there is room for its detail, and the my monogram for small logos, app icons and favicons.
my. Three scales.
The same m and y, with a complete descender and a thread that ends at the y. Detailed fibres have room to grow in larger placements. Fewer branches and a little more weight keep the smallest icons clear.
Keep it simple.
White on charcoal, or ink-dark on a light ground. Keep busy artwork away from the letters and preserve the proportions.
Choose the right master.
SVG for sharp scaling, transparent PNG for sharing, compact my for app artwork and micro my for tiny icons.
SELECTED WORDMARK / A LIVING UNDERLINE
One thread.
Every letter connected.
Each connection divides into smaller branches before it reaches a letter, forming a web of fine contacts. The m's little side hyphae continue along the main strand and the forks. Growth changes direction through the word, with upright, right-aligned ENGINE beneath it.
See the simplified version at header size
WORDMARK STUDIES
Two ways to grow.
These earlier curved-y and straight-y studies preserve the development of the rooted lettering. The selected connected-hypha wordmark above carries that lettering into a shared network.
AT HEADER SIZE / SIMPLIFIED MARKS
EARLIER STUDIES / ENGINE LETTERING
Grounded. Right aligned.
The earlier upright and italic treatments remain here as design history. The selected connected wordmark above keeps ENGINE upright and right aligned, with extra room beneath the hypha.
AT HEADER SIZE / SIMPLIFIED MARKS
02 / COLOR
Charcoal first.
Life at the edges.
Neutral surfaces do the everyday work. Violet carries the identity and editorial emphasis; mint identifies focus and action. Both colors meet in the roots. Use lime for a small, memorable spark in marketing.
Charcoal
#141418Graphite
#1C1C22Mycelium white
#EEF1F5Cool mint
#88DBCFHypha lavender
#C4B5EENew growth
#C5EF95The editor uses a quieter mint, #72CBBD, for filled accents. Website buttons pair mint with charcoal text. Keep error, warning, and success colors semantic; the brand accent is not a substitute for a status label.
Download design tokens03 / TYPE
A human voice.
An engineered rhythm.
OUTFIT / DISPLAY AND WORDMARK
Small core.
Wild possibilities.
Wild possibilities.
Rounded geometry gives headlines an approachable character. Use short sentences, generous line spacing, and enough room for the words to breathe.
FIGTREE / UI AND BODY
Make one thing move. See what grows.
Use Figtree for readable body copy and the working interface. Monospace belongs to code, identifiers, and small technical labels. Both bundled font families are licensed under the SIL Open Font License.
04 / THE ENGINE THEME
Dark, with living roots.
Night Garden refines the existing Mycelium default using Dark’s neutral charcoal surfaces and familiar spacing. Opaque panels protect readability. Violet defines tabs and headings. Mint marks focus and selection; subdued mint and lavender roots remain visible in the gaps.
HIERARCHY
World
Player
Environment
ExploreFollow curiosity
CreateMake a connection
INSPECTOR
Readable surfaces
Clear focus
Familiar spacing
Interactive theme studyCharcoal / mint / lavender
This is an illustrative component study, not a capture of the engine. Existing saved editor preferences remain respected.
In the engine checkout, the new design is the built-in Mycelium theme. Pick it in Settings > Editor Settings if you already saved another theme, and keep Roots backdrop enabled. For an authored UI, copy a downloaded .theme into assets/themes and select it in UI Builder’s Preview theme.
05 / VOICE AND RESPONSIBILITY
Curious. Specific. Honest.
Invite exploration.
“Start with an example.”
“Make one thing move.”
“See what grows.”
Use playful language in the invitation. Use precise language in the instructions.
Show the mechanism.
Describe batching, idle frame pacing, and optional modules. Sustainability is an engineering intention; do not invent energy or carbon savings.
Name the maturity.
Say “alpha,” “preview,” or “in progress” when that is the current state. Avoid invented adoption figures, endorsements, and production-readiness promises.
06 / DOWNLOADS
