The yellow.vision palette
Sulfur

An illuminated-manuscript triad, tuned dark and occult — gold leaf on bitumen. Two registers: Illuminated, the canonical glow, and Carcosa, its sallow, foxed shadow. Use the toggle to re-skin the page.

Illuminated

The baseline. Gold reads as leaf, not highlighter; the ground is bitumen-dark so the gold can glow like illumination.

Sulfur Gold
#E9B233
Primary
Oxblood
#6E1F1A
Accent
Bitumen
#15110E
Ground
Ash
#3A332C
Line
Bone
#D8CFB8
Text
Vellum
#E7DCC2
Paper

Carcosa

The shadow sub-palette — for horror / apocalyptic-leaning issues and episodes only, never the baseline. Sallow gold, foxing sepia, pallid verdigris; apply with grain and foxing texture.

Sallow Gold
#C9BB45
Primary
Foxing Sepia
#8A6A38
Accent
Pallid Verdigris
#5F6B53
Accent
Carcosa Ground
#14150F
Ground
Mold Ash
#36382B
Line
Sour Vellum
#CBC09A
Text

Typography

Display in Cormorant Garamond; body in Spectral. The wordmark sets the brand colour, the oxblood dot, and a vellum italic.

Display — Cormorant Garamond

Vision, set in print and sound

Aa Aa Aa Aa Bb Cc 1234

Body — Spectral

A small press working the seam where the Western mystical tradition meets the contemplative life — made with rigour, issued without hurry. The register is unhurried and exact: closer to a reading room than a feed.

Wordmark

yellow.vision

In use

A few elements rendered on the active register, so the tokens can be seen working together. Flip the toggle to compare.

The Zine

One sentence on what this issue circles — the figure, the text, the question it sits with.

Audio Documentary

A line of description — the thread it follows, the voices it gathers.

Using the CSS

Install @kung-fu/sulfur and link sulfur.css. It defines the raw palette and a set of semantic tokens — --bg, --text, --accent, --rule, and friends — that you build with.

Install

npm install @kung-fu/sulfur

Link it

<link rel="stylesheet" href="https://unpkg.com/@kung-fu/sulfur/dist/sulfur.min.css">

Switch registers

Illuminated is the default. Opt into Carcosa by setting data-palette on the root element — every semantic token remaps, so styled UI re-skins itself.

<html data-palette="illuminated">   <!-- canonical (default) -->
<html data-palette="carcosa">       <!-- shadow register -->

Style with the tokens

.feature {
    background: var(--bg-raised);
    color: var(--text);
    border-top: 1px solid var(--rule);
}
.feature a { color: var(--accent); }     /* gold leaf */
.alert     { color: var(--accent-2); }   /* oxblood */