GODISNOWHERE · Design System · v2

The Butterfly
Theme Sheet

Each track has one butterfly. Each butterfly carries a color, a purpose, and four hidden elements woven into its wings. Beauty is the argument. This is the reference.

NOW track — blue-gold large NOW · Subscriber · Wings contain: יהוה · DNA · NOW · φ
NO track — crimson-gold large NO · The Objections · Wings contain: יהוה · DNA · NO · φ
NOW
butterfly-gold-transparent.png
NOW butterfly — gold
#C9932A · Gold
NOW Track

The affirmative — fine-tuning, DNA, beauty, resurrection. Gold: certainty, warmth, the direction of argument. The case being made.

Nav logo · Champion nav badge · Explore-NOW hero · Footer default
NO
butterfly-crimson-gold.png
NO butterfly — crimson gold
#A82020 · Crimson
NO Track

The strongest objections — Problem of Evil, Evolution, Deep Time. Crimson: urgency, tension, honest doubt. The weight of the question.

NO series hero · NO article openers · Large showcase (crimson panel)
NEAR
butterfly-gold-full.png · hue-rotate(195deg)
NEAR butterfly — blue gold subscriber
#4A8CD2 · Blue
NEAR / Subscriber Track

Logic, philosophy, inference. The bridge between raw evidence and its conclusion. Blue: reason, distance, cool precision.

Subscriber membership card · NEAR series · Bridge articles
GATE
butterfly-gold-full.png
GATE butterfly — warm gold
#EBB43C · Warm Gold
GATE / Resurrection Track

The historical case for resurrection — crucifixion evidence, messianic claims, empty tomb. Warm gold distinct from NOW gold: culmination.

Champion tier membership card · GATE article heroes · Nav (gate active state)
COM
butterfly-purple-gold.png
Commentary butterfly — purple gold
#8C50C8 · Purple
Commentary Track

Editorial reflection — steel-manning before dismantling. Walter Martin's method. Purple: wisdom, authority, and earned depth.

Commentary series hero · Commentary nav state
MOSAIC
butterfly-blue-dna.png
Mosaic butterfly — deep blue DNA
#288CA0 · Deep Blue
Visual Mosaic Track

The Visual Mosaic collection — ATP Synthase, Surprise Effect, Deep Sophistication. Deep blue DNA: scientific precision, molecular revelation.

Mosaic index · Visual mosaic article heroes · Deep Research gateway
EXPLORE
butterfly-dna-transparent.png
Explore / anonymous butterfly
Greyscale · Neutral
Explore / Anonymous

The ornate DNA butterfly in full greyscale: you can see the form but not the color. Not yet a member — all the structure, waiting for revelation.

Explore (Anon) tier card · Index default · Footer fallback
CHAMPION
butterfly-gold-full.png
Champion tier butterfly
#EBB43C · Full Gold
Champion Tier

Full access, all articles, all depth. The gold butterfly at full brilliance — used for the highest membership tier and the deepest section of the site.

Champion membership card · Champion nav state · Deep Research gateway
Champion nav butterfly
Champion
30 × 30px circle (black)
butterfly-gold-full.png · 22px
mix-blend-mode:screen
Subscriber
28 × 28px circle
Person solid SVG
Anonymous
28 × 28px circle
Person outline SVG
Navigation Tier Icon Injected by GISN_MEMBERSHIP.injectNavBadge(). Champion gets the gold butterfly SVG in a gold-ring circle. Subscriber gets a white person-solid in a white-tinted circle. Anonymous gets a grey person-outline in a faint grey circle. All link to membership.html. Champion links to champion.html. Tooltip shows tier name + email. Logout button appears for signed-in users.
Explore
Anonymous

6 foundation articles always open. No account. The butterfly is greyscale — all the structure, none of the color.

Subscriber
Subscriber

Free with email. One new article pair every 7 days — drip sequence in argument order. Blue butterfly: gold shifted 195° with hue-rotate.

All Access
Champion

$99/year. Every article, all mosaics, Deep Research, all Gate articles. Gold butterfly at full brilliance. Immediate, total access.

72px
Hero / Showcase
56px
Nav Logo
36px
Mid / Sidebar
24px
Compact
18px
Dropdown
12px
Minimum
Rule: always use mix-blend-mode:screen All butterfly PNGs have baked-in black backgrounds. Screen blend makes black transparent on the dark nav. Never resize a large showcase PNG into a nav icon — use butterfly-gold-transparent.png for the logo, never -large.png variants.

These are not decorations. They are real — real language, real science, real mathematics — embedded into the wing material at the generative level. All four appear in the large-format illustrations. None require prior knowledge to perceive. All reward it.

יהוה
The Tetragrammaton — Upper Left Wing

The four Hebrew letters of the divine name — Yod, He, Vav, He — etched in gold into the upper-left wing membrane. The name written but never spoken aloud. Encoded in a creature whose metamorphosis from death-form to flight mirrors the argument of the whole site.

A·T·G·C
ATP Synthase Gene — Lower Left Wing

The DNA double helix woven into the wing veins carries actual base-pair sequences from the ATP synthase gene — the rotary molecular motor running at 500 RPM with >95% mechanical efficiency in every living cell on Earth. No human engineer has built anything approaching it.

01001110
01001111
01010111
Binary ASCII — Upper Right Wing

Three bytes encoded along the wing vein channels. Decode: 78 · 79 · 87. The ASCII letters N, O, W. The only moment where the question of God is actually answerable — not in theory, not eventually. Now. The ambiguity of the site name, resolved in binary.

φ = 1.618…
Fibonacci / Golden Ratio — Lower Right Wing

The golden ratio spiral — 1, 1, 2, 3, 5, 8, 13, 21 — follows the natural venation geometry of every butterfly wing in existence. The same proportional law governing galaxies, shells, flower seeds, and vertebrate bone structure. Not designed to look this way. Built this way.

Gold
rgba(201,147,42)
NOW · Champion · Gate
Warm Gold
rgba(235,180,60)
GATE · Resurrection · Champion badge
Crimson
rgba(168,32,32)
NO · Objections · Tension
Blue
rgba(74,140,210)
NEAR · Subscriber · Reason
Purple
rgba(140,80,200)
Commentary · Editorial · Depth
Teal
rgba(40,140,160)
Mosaic · Deep Blue DNA · The Code
Void
#030303 / #040404
Site background · Showcase panels
✓ Do

Use mix-blend-mode:screen on every butterfly PNG in navigation and on dark backgrounds. Black becomes transparent. The butterfly appears.

✗ Don't

Never use a -large.png variant as a nav icon. These are 3–6 MB photorealistic illustrations. Nav icons use butterfly-gold-transparent.png only.

✓ Do

The subscriber butterfly is an inline SVG — no file, no transparency, no checkerboard. Zero image dependencies. Use the SVG directly in HTML for any context requiring the blue butterfly.

✗ Don't

Never add more butterflies to compensate for a broken one. Fix the context, not the count. One butterfly per track. No exceptions. The system holds its meaning through scarcity.

✓ Do

Use the greyscale butterfly (filter:grayscale(1) opacity(.55)) for the anonymous / Explore tier. The desaturation is semantic: form without revelation.

✗ Don't

Don't use the wrong color for the wrong track. The purple butterfly is never used for NOW content. The crimson butterfly never appears on the Champion card. Colors are not decorative — they are semantic.