MidvashManifesto · Sweeter than honey
Sweeter
than honey.
Midvash is an online Bible drawn from Psalm 119:103 — "How sweet are your words to my taste, sweeter than honey to my mouth." This page is what that sentence became in color, type, and interface.
Parchment. Ink-brown. Honey. Editorial typography.
Principles
Five rules that decide every visual choice.
- 01
Parchment, never an app screen
The page is a physical object. Warm grounds, no pure white, no blue-gray.
- 02
Honey is rare, and that makes it precious
Honey shows up in moments — kicker, primary actions, hover. Saturation dilutes meaning.
- 03
Scripture in a reading serif
Literata at generous size and leading; max-width capped at ~65–75ch.
- 04
Clear typographic hierarchy
Gloock for display · Literata for reading · Figtree for UI. Roles never overlap.
- 05
Sepia is a first-class citizen
A legitimate reading mode alongside light and dark. Not an "extra" theme.
Palette · Accents
Honey, in three temperatures.
The only three identity accents. They appear unchanged across all three themes (light, dark, sepia).
Primary accent. Active states, highlighted icons, the hero kicker.
Primary actions, link hover, editorial headings. WCAG AA on light surfaces.
Subtle highlights, pill backgrounds, decorative drop caps.
Palette · Themes
Three modes, one soul.
Light is parchment. Dark is warm night, never pure black. Sepia is for long reading. Each theme redefines surface, paper, and ink — the honey accents stay stable.
Light · parchment
Page background. Same family as paper, just a touch darker.
Cards, modals, elevated blocks. Honey-tinted off-white — never pure white.
Body text. Ink-brown — replaces the conventional dark gray.
Dark · night
Night background — warm, never #000.
Cards and elevated blocks. Keeps the warmth of the night theme.
Text. Warm off-white, avoids cold whites.
Sepia · reading
Saturated parchment for long reading sessions.
Sepia sheet. Eases eye strain without going fluorescent yellow.
Dark brown ink for comfortable sepia contrast.
Typography
The Midvash trio.
Three families with non-overlapping roles. Self-hosted via next/font, no blocking CSS.
UI · humanist sans
Figtree
- CSS ·
- --font-sans
- Weights ·
- Variable (300–900)
I waited patiently for the LORD; he turned to me and heard my cry.
Buttons, navigation, microcopy. Humanist warmth without the geometric chill of Inter.
Aa Bb Cc · 0123456789 · áéíóú âêîôû ãõ ç ñ — “tipografia”
Reading · serif for long body
Literata
- CSS ·
- --font-serif
- Weights ·
- 400 · 500 · 600 + italic
I waited patiently for the LORD; he turned to me and heard my cry.
Verses, editorial paragraphs, section titles. Designed by Google and TypeTogether specifically for books — holds up at large sizes.
Aa Bb Cc · 0123456789 · áéíóú âêîôû ãõ ç ñ — “tipografia”
Display · geometric serif
Gloock
- CSS ·
- --font-display
- Weights ·
- 400
I waited patiently for the LORD; he turned to me and heard my cry.
Page titles, kickers, drop caps. Editorial personality without the Playfair reflex.
Aa Bb Cc · 0123456789 · áéíóú âêîôû ãõ ç ñ — “tipografia”
Type scale
Hierarchy in five steps.
1.25× ratio between levels. Display is fluid (clamp); UI is fixed in rem for dashboards and lists.
Tokens
Canonical CSS variables.
Always reference tokens, never hardcode. Defined in apps/web/app/globals.css and mirrored in packages/design-tokens for mobile.
| Token | Light | Dark | Sepia |
|---|---|---|---|
| --color-primary | #B17027 | #ECC779 | #985B1E |
| --color-surface | #F5EFE2 | #27221B | #E9D6B6 |
| --color-paper | #FBF5E8 | #302A21 | #F1E0C3 |
| --color-border | #E6DFD0 | #4A4235 | #CFB98D |
| --color-ink | #30281D | #EDE4D3 | #3E2F1B |
| --color-text-muted | #827B6E | #B4A994 | #7A6540 |
| --color-honey | #E8B45A | #E8B45A | #E8B45A |
| --color-honey-deep | #B17027 | #B17027 | #B17027 |
| --color-honey-glow | #F0CE8A | #F0CE8A | #F0CE8A |
Voice & tone
Reverent, literate, warm.
The voice is never too casual, never too solemn. Readers come here for devotional reading — the tone follows.
Use
- "I waited patiently for the LORD."
- "Your daily reading of the Word."
- "Pick up where you left off in Psalm 119."
- "Sweeter than honey."
Avoid
- "Enjoy our Bible reading platform!"
- "Bible 2.0 with AI."
- "Engage with content."
- "Premium · pro · turbo."