deiadora ecosystem · design system · version 1.0
This document captures the full design language of the deiadora ecosystem — colours, typography, copy principles, site architecture, and the electromagnetic spectrum palette that runs through all of it. The mustard seeds are in the code.
built on 26 march 2026 · the hike was today · the observer is present
the spectrum · nodes 0–9
The colour system maps the electromagnetic spectrum onto the ten principles of Quantum Currency — from infrared (node 0 · the field) through the full visible spectrum to the ultraviolet edge (node 9 · the source). The arc enfolds back toward origin. 0 and 9 are almost the same colour. The field and the source are the same thing at different noise floors.
node 0
the field · zero point
deiadora.com
#0c1516
deep forest floor · infrared
node 1
coherence · torus
coming soon
#6b2d1a
deep red earth · iron · 700nm
node 2
recognition · vesica piscis
drblexchange.com
#9d4418
terracotta · fired clay · 650nm
node 3
discernment · tetrahedron
quantummagic · coming soon
#c49a3c
pollen · beeswax · ochre · 590nm
node 4
wave · the cube
coming soon
#7a9e2a
new leaf · spring growth · 560nm
node 5
direction · second cube
coming soon
#2d6a1f
canopy · deep chlorophyll · 530nm
node 6
transmission · dodecahedron
deiadorebel · coming soon
#0f6e56
deep water · algae · 500nm
node 7
expression · egg of life
techtuition.ai
#1a6b9e
open sky · clear water · 470nm
node 8
structure · octagon
thequantumceo.com
#3c3489
twilight · deep dusk · 430nm
node 9
source · nonagon
coming soon
#2d1a4e
deep night · ultraviolet edge · 400nm
css architecture · variables
Every site in the ecosystem shares this root variable architecture. The spectrum lives in the :root. Each site sets --accent to its own node. The code reads like the book.
typography · exo 2 + dm sans
Exo 2 for all display, headings, labels, and kickers. DM Sans for body, subheads, and interface text. Both loaded from Google Fonts. Never Arial, never Inter, never system-ui alone.
kicker · exo 2 italic 300 · 0.88rem · letter-spacing .06em · accent colour
natural technologist · tech, AI, and the living world
h1 · exo 2 700 · clamp(2.2–3.6rem) · letter-spacing -.03em · em in italic 300 + gold
I find answers to questions in nature.
role line · exo 2 300 · 0.9rem · letter-spacing .08em · separators in gold
researcher · writer · musician
subhead · dm sans 300 · 1.05rem · line-height 1.75 · strong in ink weight 500
Regenerative inspiration is all around us. Converse with the living world — and the tech, the strategy, the systems thinking emerge.
hero note · dm sans 300 italic · 0.82rem · letter-spacing .03em · muted
currently consulting · probably outside
section label · exo 2 500 · 0.78rem · letter-spacing .1em · uppercase · gold
the ecosystem
body / card text · dm sans 300–400 · 0.9–0.97rem · line-height 1.7 · muted
Four years of teaching workshops to Fortune 500 teams revealed something: it kept landing because there's a fractal architecture underneath it. That architecture is what Techtuition teaches now.
hero section · anatomy
Every site in the ecosystem follows the same hero architecture. The role line is unique to deiadora.com. Hero notes are site-specific and carry the personality.
site name · site proposition in plain language
The statement with the italic weight.
researcher · writer · musician
The primary proposition. One thing bolded. Max 560px wide.
A second beat — quieter, more specific, names the audience.
Primary button (accent bg) + ghost button (border only). Max two.
currently consulting · probably outside
the ecosystem · four live sites
Each site is a node on the spectrum. Same architecture, different frequency. The accent colour, geometry, and hero note carry the site's identity.
node 0 · the field · zero point · infrared
deiadora.com · home · the hub
livenode 2 · recognition · vesica piscis · terracotta
drblexchange.com · mutual aid · dtech ecosystem
livenode 7 · expression · egg of life · open sky
techtuition.ai · human-AI collaboration consulting
livenode 8 · structure · octagon · twilight indigo
thequantumceo.com · books · writing · research
livevoice · copy principles
These principles emerged from a full day of copy work. They're not a style guide — they're observations about what made the copy land and what didn't.
The conversation with the living world comes first. Everything else emerges from it. Never use nature as a metaphor for tech — it's the other way around.
use
The conversation with the living world is primary — and the tech, the strategy, the systems thinking emerge.
not
Using nature as a lens to understand technology systems.
Things emerge from the field. They don't grow from it (too on-the-nose for a nature brand), they don't follow from it (too corporate), they don't come from it (too flat). They emerge.
use
...and the tech, the strategy, the systems thinking emerge.
not
...and the tech, the strategy, the systems thinking grow from there.
Every site has a hero note. It's short, italic, muted. It carries the personality that the rest of the copy doesn't have room for. It should feel like something you'd overhear rather than read.
examples
currently consulting · probably outside
the research is ongoing · the observer is present
limited seats · ten slides · it lands every time
built on mutuality · running on introduction
Starting with "not someone who..." puts you on the back foot. State the true thing directly. The right person will recognise it without needing the contrast.
use
The conversation with the living world is primary.
not
Not someone who uses nature as a metaphor for tech.
Every h1 has an italic em — lighter weight, accent colour. It's the word or phrase that carries the weight of the whole sentence. It should be the thing you'd underline if you were reading on paper.
examples
I find answers to questions in nature.
The framework underneath the framework.
The operating system underneath the strategy.
Nature and KPIs are not in conflict. Regenerative and strategic are not opposites. The full bandwidth — like the electromagnetic spectrum — holds all frequencies simultaneously. Copy should never choose between them.
the principle
I am the full bandwidth. Not natural or technical. Not regenerative or strategic. The full bandwidth — which is literally what the electromagnetic spectrum is.
Quantum Currency: Field Research on Human Coherence is named on the Techtuition professional page and The Quantum CEO site. On personal profiles it stays mysterious until the right moment. On company pages it's proof of rigour.
when to name it
Company pages: name it fully — thirteen years of field research is the credential.
Personal profiles: keep it mysterious for now.
Sustainability maintains. Regeneration restores. The ecosystem is oriented toward regenerative food, regenerative economics, regenerative living — the death phase is just a phase. They'll be back.
the register
Regenerative inspiration is all around us. Converse with the living world.
not
Sustainable tech practices for a better future.
social · copy by platform
Each platform gets a different register. Bluesky is for sardonic humour and the comedienne. LinkedIn is warm, grounded, confident. Professional page is the company credential.
bluesky · sardonic · the comedienne register
Wildlife lover. I explain to dying flowers that it's just a phase — regeneration is all around us. Also I do this with teams, economics, and AI systems. Wrote a book about it. My father took notes. Probably outside. 🌿
linkedin header · 220 characters · searchable + voice
Natural technologist · AI strategy, content systems, and human-AI collaboration · I find answers to questions in nature · currently consulting · probably outside
linkedin personal · top 5 skills for searchability
techtuition linkedin page · tagline
The framework underneath the framework · human-AI collaboration grounded in how complex systems actually cohere
light mode · token reference
Three sites default to light mode. The palette is warm cream paper, creamy white cards, beeswax gold. Consistent across drblexchange, techtuition, and thequantumceo.
paper · #f4f2ec
card · #fffff2
Site heading in ink · accent
Body text in muted · #7a7163 · warm dark brown that reads clearly against the cream without being harsh black.
beeswax gold · #8B5E2A · links, accents, highlights
og images · social sharing
Every OG image shares the same base — a literal night landscape with stars, distant hills, grass blades, wildflowers, soil, and roots. Each site adds its geometry in its node colour. deiadora.com has no geometry — the field is the geometry.
deiadora.com · no geometry · field only
Night sky · stars · moon · hills · grass · wildflowers in gold and terracotta · roots below soil · site name centred in Exo 2
thequantumceo.com · octagon · #3c3489
Field base · three concentric octagons · connecting lines through centre · twilight indigo · text bottom left
techtuition.ai · egg of life · #1a6b9e
Field base · seven interlocking circles (egg of life) · inner echo at half scale · open sky blue · text bottom left
drblexchange.com · vesica piscis · #9d4418
Field base · two overlapping circles · almond lens highlighted · two centre points · terracotta · text bottom left
Files available as standalone SVGs. For guaranteed font rendering across all social platforms, open in browser and screenshot at 1200×630 to bake Exo 2 into a JPEG.
coming soon · nodes 1, 4, 5, 9
Four nodes are not yet in the ecosystem. When they arrive, each will follow the same architecture — field base, node colour as accent, geometric form from Quantum Currency.
node 1
coherence · torus
coming · not yet named
#6b2d1a
deep red earth · iron
node 4
wave · the cube
coming · not yet named
#7a9e2a
new leaf · spring growth
node 5
direction · second cube
coming · not yet named
#2d6a1f
canopy · deep chlorophyll
node 9
source · nonagon
coming · not yet named
#2d1a4e
deep night · ultraviolet edge