Porch visual principles
Every visual decision should help tired eyes rest on Scripture—not compete with it. This page is the quiet reference for the May 2026 polish pass.
Measure: Can someone take a slow breath here?
Eight principles
- Scripture first. KJV text is the hero. One primary focal block per screen.
- Breathing room. Generous vertical rhythm; readable line length on phones.
- Soft edges, quiet depth. Porch cards, subtle shadow, no engagement motion on spiritual content.
- Typography like a well-loved page. Comfortable line-height; 44px+ tap targets on verse controls.
- Contrast without harshness. Soft blues and greys; gold accents sparingly; visible focus rings.
- Nothing demands attention. No streaks, scores, or guilt widgets.
- Kids Corner exception (bounded). Playful sky in Kids paths only; KJV ref stays tiny and honest.
- Measure rest, not dazzle. Not “does this look trending?” but “does the Word land with less strain?”
Where it lives in code
tdb-visual-tokens.css— shared spacing, porch surfaces, polish overridestdb-home-page.css— home layout onlystyles.css— inner pages- Verse image porch presets — calm background directions
- Home daily verse — optional device-only restfulness note
What changed this season
- Calmer verse body line-height and breath divider on Home
- Battle Plans hero subtitle width for one-glance reading
- Kids welcome band on sky backgrounds
- Five porch-calm image prompts + two new free verse-image starters