Subscriber-focused landing page for a weekly tech newsletter.
TechBrief
The brief
A landing page for an editorial-voice tech newsletter. The brief: feel like an actual publication, not a SaaS app pretending to be one.
Design decisions
What we chose, and why.
- 01
Serif headlines, monospace meta
Used a serif for the hero and monospace for issue numbers and dates — reads as editorial rather than product marketing the moment your eye lands on it.
- 02
Issue archive with titles, not summaries
The last four issue titles are inline on the homepage. Lets a skeptic preview the voice and topics before handing over an email.
- 03
An author with a face
A specific human (small photo, one-paragraph "who writes this") beats a faceless brand voice for trust on newsletters. Skin in the game.
- 04
Email-only signup
Two inputs instead of three. No name, no preferences, no checkbox forest. Conversion bar is the lowest reasonable thing.
Screenshots
Desktop and mobile, as it ships.
What's not in scope
Marketing surface only. No real ESP hookup (no Beehiiv, no Substack, no Buttondown), no archive backend — the subscribe form is non-functional.
Tech stack
Built with.
- Next.js 14
- React 18
- Tailwind CSS
- Vercel