Revnu
revnu.com/
Revnu is a Marketing product. See its revnu.com landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, features, footers, about us, contact us, and 3 more. It's built with Next.js and Tailwind CSS. Its type is set in Hanken Grotesk, anchored by a #1d914b palette. Study how Revnu structures its messaging, layout and visual hierarchy, then explore more of the best Marketing website designs.
- Category
- Marketing
- Style
- LightColorful
- Stack
- Next.jsTailwind CSS
- Fonts
- Hanken GroteskDM MonoDM Sans
- Palette
- Meta title
- Revnu | Your AI Growth Hire
- Sections
- 8
- Updated
Revnu's landing page, section by section
Each section below is cropped straight from Revnu's live page — useful references for marketing landing page design.
Heroes
More heroesFeatures
More featuresAbout Us
More about usContact Us
More contact usPricing & Plans
More pricing & plansCareers pages
More careers pagesBlog pages
More blog pagesRevnu design review: how the homepage is built
The page is a long single column of oversized black headlines on a warm off-white ground, each paired with a notification card or small mock rather than a full screenshot. It runs 9362 pixels at 1440px, ending in a green rounded panel and a green footer. Green is the one brand colour: #1d914b for buttons and highlighted words, #176839 for the footer, and #c7dfcc as a marker-style highlight behind key words. Hanken Grotesk sets headlines, DM Sans the body and DM Mono small labels. A hand-drawn green blob mascot appears in nearly every block.
Above the fold
A green strip reads "We raised $3M to build the future of growth" above a bar with the logo, four nav items and a green "Get started" pill. The hero has a "Backed by Y Combinator" chip, the headline "GTM on autopilot." with the second line green, and a green "Get started" beside a dark "Book a demo →". On the right the mascot stands beside the handwritten note "Puffy McFluff. He's on it."
Mascot statement and the two feature tabs
A giant green blob spills from the hero into "One hire, every channel, always on. No standups required.", where a tiny mascot sits on a bench inside the line and "always on." has a pale green highlight. "Revnu works. You build." sits beside a campaigns table mock with three items: "Paid ads" expanded, then "Outbound" and "SEO + GEO". "Everything growth needs, in one place" mirrors it with a lead card scored 94.
Alternating one-line benefit rows
The mascot returns on a skateboard in "Every founder gets a Puffy." Four rows then alternate sides: "Gets you ranking in AI + Google.", "Runs ads on every channel.", "Finds new customers, not just leads." and "Gets smarter every week." Each highlights one word, the last in salmon, and pairs with one tilted Slack or iMessage card. "While you sleep." adds a dark photo of a lit apartment window.
Closing section and footer
A green rounded panel labelled "1-MINUTE SETUP" holds "You build. We grow.", a cream "Get started →" button and an email link, with an iPhone message thread overlapping its right edge. The solid green footer has the line "Good things deserve customers." and seven link columns, one being "Revnu vs Clay" under Compare.
On mobile
At 390px the hero headline fits on one line and the mascot shrinks beside the note, with both buttons stacked full width under the subhead. The side-by-side feature rows become single blocks with each heading above its notification card, so the alternation disappears. The setup panel puts the phone above the headline, and the seven footer columns fold into two.
Worth borrowing
- A recurring mascot on a bench, a skateboard and a chair gives a product without a UI hero a memorable face.
- Notification cards from iMessage and Slack show results in the channel where the customer will read them.
- One pale green highlighted word per headline keeps a long text-led page easy to scan.
