# Small Bow Redesign — Dev Notes

Dev preview: `index.html` (home) and `book.html` (book landing page). Static HTML/CSS,
no build step. Run with `python3 -m http.server` from this folder, or via the
Claude Code browser preview.

## Reference-site caveat

`believermag.com` no longer resolves to The Believer — it currently redirects to
`culture.org`, an unrelated pop-culture news aggregator. I couldn't pull live
screenshots from it, so this mockup is built from The Believer's known editorial
identity (cream paper ground, centered serif type, wide margins, sparse
illustration used as punctuation rather than decoration) rather than a fresh
screen-grab. Worth getting an actual reference — an archived version (Wayback
Machine) of believermag.com, or a different comp site — before locking the
direction.

## What's real vs. placeholder in this mockup

**Real, pulled from thesmallbow.com:** mission statement copy, "What You Get"
section, latest archive post titles, testimonial/review quotes, podcast episode
title, footer nav labels.

**Placeholder — needs your input:** book title, cover image, jacket-copy hook,
full description, blurbs, press reviews, retailer links, pub date/format. All
placeholders are visually flagged (dashed labels or a gold "Placeholder" chip)
so they're easy to find and swap.

## Revision 2 — real brand pull + Believer's actual site + left nav

Two follow-up changes from the first pass:

1. **Pulled the real Small Bow brand instead of an invented palette.** The
   first draft used a muted cream/terracotta palette I made up — wrong call.
   The actual brand is high-contrast: pure black, white, red (`#FF0000`), and
   yellow (`#FFF700`), the real hand-lettered "the small bow" wordmark + bow
   icon (used as the actual logo file, `assets/logo-wordmark.png`), and Inter
   as the real UI font. I also pulled several of the illustrator's existing
   devil-character assets directly from the live site (the archer "aiming at
   the moon," a reclining pose, a close-up face crop, real post thumbnails)
   and used those instead of my own placeholder art.
2. **Checked thebeliever.net's actual current site** (not the classic
   minimalist-print-magazine memory of it) — it's bolder than expected: a
   colorful sunburst masthead, Clarendon-style slab-serif headlines, small-caps
   category labels, and a persistent **left-edge icon rail** (logo mark, a few
   primary icons, a hamburger that opens a fuller category drawer) instead of
   a horizontal nav bar. I didn't copy Believer's pink/blue color scheme —
   that's their identity, not Small Bow's — but took the structural ideas:
   Roboto Slab for display headlines, and the icon rail pattern.

**Layout change per your request:** the big splashy hero (mission statement +
inline email signup, matching the current live site's hero almost exactly,
now with the real archer illustration) is back at the top, with the book in
its own section directly beneath it — no longer squeezed into a slim banner
above the fold.

**Left icon rail (desktop only, ≥861px):** logo/home, Book, Podcast, an
"About" icon using the real devil-face crop asset, and a hamburger that opens
a slide-out drawer (Archive, Meetings, About, Tip Jar, Sign In). Below
861px it collapses back to the existing mobile top bar + hamburger, which
opens the same drawer. Icons are simple line art for functional items (book,
headphones, envelope, hamburger) plus the one real illustration asset for
About — no new devil poses were invented for this nav, per your note.
**Commission idea for later:** if you want the rail to be more
illustration-driven, small devil-themed versions of the Book and Podcast
icons (e.g., devil holding a book, devil wearing headphones) would fit the
same slot sizes (22×22px) without changing the rail's structure.

## Design decisions made in this pass

1. **Book banner sits directly under the header on the home page**, above the
   mission statement and newsletter signup — so anyone landing from press
   coverage sees the book before anything else.
2. **Newsletter signup: kept top-of-page, not a pop-up**, but shrunk to a
   compact horizontal strip rather than the current full hero treatment. This
   satisfies the acceptance criterion that signup stay visible/functional on
   desktop and mobile without it competing with the book for top billing. A
   pop-up (exit-intent or delayed) is the fallback if analytics later show the
   inline strip converts poorly — flagging this as still open, see below.
3. **Podcast reduced to a single compact row** (icon + title + one-line
   description + "Listen" link) instead of the current full-width hero-style
   card, and moved below the archive list.
4. **Book cover images are placeholder boxes locked to a 2:3 aspect ratio**
   with `object-fit`-safe containers, specifically to avoid the cropping/cutoff
   issue called out in the brief — once real cover art is dropped in, it will
   fill the box without being cropped, as long as it's supplied at or near a
   2:3 ratio.
5. Typography: **Newsreader** (serif, for headlines and body) + **Inter**
   (sans, for UI chrome — nav, buttons, labels) to get the literary/editorial
   feel without abandoning legibility for a marketing site.

## Beehiiv assessment (preliminary — needs your admin access to confirm)

I don't have access to your Beehiiv dashboard, so this is based on Beehiiv's
publicly known page-builder capabilities, not a live audit of your account.
Please share screenshots of your current page/theme editor so this can be
confirmed or corrected.

**Beehiiv is well-suited for:** the newsletter engine itself — subscriber
management, deliverability, the Tuesday/Friday send cadence, paid-tier gating
for supporter content. Keep this on Beehiiv regardless of what happens with
the marketing site.

**Beehiiv is likely a poor fit for:** the centered, illustration-forward,
art-directed layout this brief calls for. Its site/page builder is
block-and-template based — it gives you a fixed set of section types (hero,
grid, list, subscribe block) with limited control over precise spacing,
custom typography pairing, or true full-bleed illustration treatment. Image
blocks (especially hero and post-thumbnail blocks) tend to force fixed
aspect-ratio crops, which lines up with the "cropping/cutoff" problem
mentioned in the brief — that's a known constraint of the platform, not a
one-off bug.

**Recommendation:** don't force the home page and book landing page into
Beehiiv's builder. Two viable paths:

- **Custom build for home + book page only** (what this dev site is a first
  pass at), hosted on the apex domain (`thesmallbow.com`), with Beehiiv's
  hosted archive/post pages living under a subdomain (e.g.
  `newsletter.thesmallbow.com` or `/newsletter`) or linked out from "The
  Archive" nav item. Wire the signup forms on the custom pages to Beehiiv's
  publication via their embed/API so subscribes still land in the same list.
- **Full site migration off Beehiiv's page builder** if you want total control
  over every page, not just home + book — bigger lift, only worth it if the
  constraint shows up on more than these two pages.

I'd lean toward the first option: smallest change, keeps the newsletter
infrastructure that already works, and solves the two problems actually named
in the brief (book visibility, image cropping) without a full platform
migration.

## Open questions (from the brief) — status

- **Top-of-page signup vs. pop-up:** decided top-of-page (compact strip) for
  this pass — see #2 above. Revisit if conversion data says otherwise.
- **Can Beehiiv achieve the layout:** preliminary answer is no, for the reasons
  above — needs confirmation against your actual account/plan.
- **Full site move vs. book-page-only:** recommend book-page-only + home page
  custom build, newsletter/archive stays on Beehiiv. See recommendation above.

## Illustration commissions (placeholders only — not mocked up)

Per your note: I haven't attempted to draw new poses of the devil character
myself. The mockup marks spots where a new illustration would strengthen the
"illustration-forward" direction with a dashed placeholder box and a
suggested pose, for your illustrator to interpret:

1. **Home page, mission section** (`index.html`) — something softer/more
   vulnerable than the current bow-and-arrow devil (shrugging, exhaling,
   sitting down) to underscore the mission statement rather than lead with
   the more mischievous "aiming" energy.
2. **Book landing page, below the reviews** (`book.html`) — the devil
   interacting with the book directly (holding it, offering it out, sitting
   on top of it) to visually tie the character to the book itself.
3. **Optional — a quiet sign-off illustration** for the footer or the very
   end of the book page (walking away, curled up, resting) as a small
   Believer-style whimsical tailpiece. Not yet placed in the mockup; add if
   there's appetite for one more commission.

The existing bow-and-arrow logo mark and the abstract divider (small
triangle/arrow between rules) are left as-is — they're not the character, just
brand marks and a decorative rule, so no new art needed there.

## Revision 3 — real book details, real hero texture, more illustration

1. **Hero background is the actual texture from thesmallbow.com** —
   `assets/hero-bg.jpg`, pulled directly from the live site (the dark
   scratched-red-on-black background behind today's hero).
2. **Real book cover, title, and jacket copy** — pulled from the Simon &
   Schuster product page
   ([link](https://www.simonandschuster.ca/books/The-Small-Book/A-J-Daulerio/9798893312614)):
   *The Small Book: On Addiction, Shame, Grief, Sex, Love, and the Strange Art
   of Living With Yourself*, by A.J. Daulerio and The Small Bow Family
   Orchestra. Published by Authors Equity, distributed by Simon & Schuster,
   paper over board, **on sale December 29, 2026** (it hasn't published yet —
   that's why the "Out Now" chip is now the on-sale date instead). The full
   "About the Book" copy on the book page is the real jacket copy from that
   listing, not placeholder text anymore.
3. **More devil-laying placements, each flagged:**
   - Replaced the abstract triangle divider between "What You Get" and "From
     the Archive" with the real devil-laying illustration.
   - Added it above the podcast section too, with a caption suggesting the
     ideal replacement: a new commissioned sketch of the devil listening to
     headphones. Both are captioned in place (not just in this doc) so
     they're easy to spot when reviewing the live pages.

## Still needed from you

- Final book title, jacket copy, retailer links, pub date.
- Blurbs and press reviews (or confirmation there are none yet).
- Real illustration assets from Edith Zimmerman, and the book cover file.
- Beehiiv admin screenshots (Pages/Theme editor) to confirm or correct the
  platform assessment above.