Sub-Etha Press

Brand Guide

Sub-Etha Press · Design Tokens


A single dark-green system with one gold accent, an editorial serif for display, and a humanist sans for everything functional. Restraint is the brand.

01 — Color

The palette

Every surface sits on one green hue. Text is a warm off-white stepped down through two sage grays. Gold is the only accent — used for links, CTAs, the mark, and selection. Never introduce a second accent hue.

Greens · surfaces

#0F1D16
Page background
#16271D
Cards & panels
#1E3428
Inset chips, wells
#2C4A38
Borders & dividers

Text

#F4F7F1
Primary text, headings
#A6B8AB
Body copy
#869A8D
Labels, metadata

Accent · gold

#C6A15A
Accent: links, CTAs, mark, selection
#D9B872
Accent hover only

02 — Typography

Two families, strict roles

Ag

Instrument Serif

Regular · Italic

Display only: wordmark, book & page titles, section headings, pricing figures, and italic pull-quotes.

Ag

Plus Jakarta Sans

Light 300 · Regular 400 · Medium 500 · SemiBold 600

Everything functional: body copy, labels, buttons, nav, and metadata.

Books for Builders
Display / H1
Instrument Serif · 60px
The AI Builder’s Stack
Section H2
Instrument Serif · 38px
From first prompt to full transformation
Pull-quote
Instrument Serif italic · 25px
Practical books for people who build.
Body
Plus Jakarta Sans · 15px / 300 / 1.8
Buy on Amazon
UI / Button
Plus Jakarta Sans · 14px / 500–600
About the Press
Eyebrow
Plus Jakarta Sans · 11px / 600 / 0.28em

03 — Layout & shape

Spacing, radius, structure

Radius

6px
Cards & sections
4px
Buttons, pricing group
3px
Book cover

Content widths

880px
Hero, showcase, footer
720px
Legal pages
640px
Prose sections

Section rhythm

  • Vertical section padding: clamp(64px, 10vh, 104px)
  • Hero padding: clamp(72px, 12vh, 128px)
  • Card padding: clamp(28px, 5vw, 56px)
  • Centered single column, flex, align-items:center
  • Section separator: the 56×1px #2C4A38 rule

04 — The mark

The stacked signal

Three stacked diamonds — a signal relayed through layers. A nod to the Sub-Etha network of Douglas Adams’ Hitchhiker’s Guide.

  • Stroke only, gold at ~50% opacity. Never filled.
  • Two diamonds for inline back-links; three for hero.
  • Extends to a tall spine column on book covers.

05 — Components

Core elements

Buttons · min-height 48px, radius 4px

Primary Secondary Disabled

Eyebrow label

About the Author

Inline link

Reach us at hello@subethapress.com

06 — Voice

How we sound

“No sponsors. No affiliate links. Just the tools, the workflows, and the uncomfortable truths.”

Blunt, practitioner-first

Written by people who use the tools daily, not journalists covering them.

Dry wit

Literary references (42, Sub-Etha) worn lightly, never explained to death.

Confidently independent

A boutique imprint that takes the craft seriously and owes nobody a favor.