Beehiiv
beehiiv.com/
beehiiv combines newsletter publishing, a no-code website builder, podcast hosting, and a native ad network into one platform, letting creators monetize through paid subscriptions, digital products, or ad placements without separate tools. The homepage headline is styled in stacked capital-letter fragments — “NEWSLETTERS. PODCASTS. COMMUNITY. ONE PLATFORM.” — and leads with a specific satisfaction figure, 4.9/5 from 28,479 customers, rather than a rounded claim. Pricing tiers are shown directly on the homepage with dollar figures (Scale from $43, Max from $96), and the solutions section is segmented by identity rather than company size: journalist, publisher, founder, influencer, each mapped to a different stated goal like building a media brand or reaching customers.
- Category
- Marketing
- Style
- DarkColorful
- Stack
- Next.jsTailwind CSS
- Fonts
- ClashGroteskFontSatoshiFont
- Palette
- Meta title
- Newsletter Platform: Create Newsletters and Websites - beehiiv
- Sections
- 8
- Updated
Beehiiv's landing page, section by section
Each section below is cropped straight from Beehiiv's live page — useful references for marketing landing page design.
Heroes
More heroesPricing
More pricingCTAs
More ctasFAQs
More faqsAbout Us
More about usContact Us
More contact usAffiliate pages
More affiliate pagesBeehiiv design review: what the page does, section by section
The home page runs 11,293 pixels: hero, logo marquee, three alternating feature blocks ("Stand out in the inbox", "No code. No limits.", "Monetize your content"), pricing, a four-card "More than just newsletters" grid, testimonial, persona selector, integrations, FAQ, closing call to action, footer. Colour starts from near-black navy (#01000b, #1c1940), adding indigo #2b34ba on buttons and mockup frames and pink on eyebrow labels. Type is ClashGroteskFont and SatoshiFont in heavy uppercase headlines.
HeroesView crop
The hero stacks four uppercase lines, "NEWSLETTERS. PODCASTS. COMMUNITY. ONE PLATFORM.", the last in pink. Below sit a subhead, a "4.9/5 from 28,479 customers" rating row, and two buttons: "Sign up with Google" filled, "Sign up with email" outlined. A tilted dashboard illustration fills the right.
PricingView crop
Four cards sit side by side: "Launch" at $0, "Scale" at $43, "Max" at $96, "Enterprise" at "Custom Pricing". Scale has a pink border and "Most popular" tab; Max has an indigo border and "Best value" tab. Filled indigo "Try for free" buttons stand apart from outlined ones.
FAQsView crop
Eight questions form a single-column accordion under the centred heading "GOT QUESTIONS? WE'VE GOT ANSWERS.", each row divided by a thin grey rule with a right-aligned chevron. All rows are collapsed, so no answers show. Questions use first person, such as "Can I send SMS messages from beehiiv?".
CTAsView crop
The closing call to action sits inside a rounded indigo frame holding a white editor mockup with greyed toolbar controls. Centred inside are "READY TO BUILD?", "Own your audience today" and an indigo "Sign up for free" button, with a small cursor labelled "You" pointing at it.
About UsView crop
The about page opens with a five-row mosaic of newsletter logo tiles, then "ABOUT US" in three paragraphs. A pink band holds "FAST FACTS" in four outlined cards, from "75B+" to "170K+". A "TEAM" block with a founders photo leads into a four-column roster whose avatars show broken-image alt text, then headcount cards and "NOTEWORTHY PRESS" with three cards.
Contact UsView crop
This capture shows the enterprise page rather than a contact form. "THE OPERATING SYSTEM BUILT FOR MODERN PUBLISHING" sits beside a stats card, followed by a three-panel logo grid ("Migrated off Mailchimp", "Migrated off Sailthru", "Others"), a nine-tile feature grid, compliance badges, case studies, an FAQ and "LET'S BUILD YOUR MIGRATION PLAN".
Affiliate pagesView crop
The referral program page leads with "TURN SUBSCRIBERS INTO EVANGELISTS" and two buttons, above an indigo logo strip. Six benefit cards, a pink Milkroad testimonial, a YouTube embed on navy, a four-step list, an integrations grid, three resource cards, a 14-question FAQ and an indigo closing band alternate light and dark backgrounds.
FootersView crop
The dark navy footer puts a subscribe form on the left, "Get beehiiv updates delivered to your inbox.", with an indigo "Subscribe" button. Five link columns follow: "Company", "Product", "Solutions", "Resources" and "Connect". A legal row lists eight links, with the bee logo at the far right.
On mobile
At 390px the hero keeps its headline, but the buttons stack full width and the dashboard drops below them. Product cards stack under a new headline, "EVERYTHING YOU NEED TO TURN ATTENTION INTO GROWTH." Pricing gains a "Monthly" and "Yearly" toggle, with plans in one column.
Worth borrowing
- Frame each product screenshot in its own saturated colour block so the long scroll has landmarks.
- Tag the recommended tiers with coloured "Most popular" and "Best value" tabs and matching borders.
- Build the closing call to action into a product mockup, with a cursor labelled "You" on the button.
