talanoa.email/

Talanoa

talanoa.email/

Talanoa is a Productivity & Collaboration product. See its talanoa.email landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, features, footers, testimonials, pricing, and 1 more. Its type is set in Cormorant Garamond, anchored by a #191917 palette. Study how Talanoa structures its messaging, layout and visual hierarchy, then explore more of the best Productivity & Collaboration website designs.

Visit website

Category

Productivity & Collaboration

Style

Dark Minimal

Fonts

Cormorant GaramondInter

Palette

Meta title

Your first email messenger | Talanoa

Sections

Updated

Nov 2, 2026

Talanoa's landing page, section by section

Each section below is cropped straight from Talanoa's live page — useful references for productivity & collaboration landing page design.

Talanoa design review: how the homepage is built

A dark hero gives way to a white page of repeating before-and-after panels, an AI chapter, an offline demo, a dark review block, four feature cards, a trust card over a landscape photo, a founder letter and a dark footer. The desktop page is 13343 pixels tall. Near-black #191917 plays against off-white #fefefc, with warm beige for every "BEFORE" half. Cormorant Garamond sets each headline as an upright line then a grey italic one, with Inter for body text. Handwritten annotations with arrows run through the mockups.

Above the fold

A rounded dark frame holds the logo, five links from "Demo" to "Help" and an outlined "Get Started". A "Modern email client" pill with platform icons sits over the serif "Your first email messenger.", its second line italic. A two-line grey subhead leads to a cream "Download for free" button, an outlined "Try it live" and a "#1 Product of the Day" badge, above a cropped dark app window.

Before-and-after panels for email, tasks and calendar

Each feature repeats one layout: a two-line serif heading and a pill link at left, and at right a split panel with a beige "BEFORE" half and a black "WITH TALANOA" half. "Same email. Just the conversation." slides a Gmail thread under chat bubbles. "Read doesn't mean done." contrasts "I'll come back to it." with "Give it a next step.", and the calendar panel answers "Let me check my calendar." with "Find a time. Keep talking.".

AI chapter, offline demo and reviews

A "CURRENTLY IN BETA" pill opens "An AI that works for you." and three more split panels, ending with "Your AI. Your machine.". "Your inbox doesn't need your Wi-Fi." holds a demo with four connection toggles, "Train tunnel" selected, and a webmail window reading "Connection lost" beside a working search. A black block, "They changed their inbox.", pairs a large beige quote with five Trustpilot rows and a "4.3 out of 5" card.

Feature cards, trust, founder letter and footer

"Everything an inbox should have." lines up four cards, from "PEOPLE FIRST" to "UNSUBSCRIBE & BLOCK", each with a small UI crop. "Your data stays yours." floats a frosted card over a canyon photo, listing "Stored locally", "Zero cloud sync", "No tracking" and a "CASA Tier 2 Certified" badge. A founder letter under "Inbox Zero" is signed "John". The black footer carries four link columns, an "As seen on" badge row and an oversized grey wordmark.

On mobile

At 390px the header is not shown and the hero keeps only "Download for free" and the badge. Every split panel turns vertical: heading and link, then the beige half, then the black half, so each feature runs about three screens. Feature cards, trust items and review rows stack in one column, and footer links fold into two columns.

Worth borrowing

Pairing every feature with a beige "BEFORE" half and a black "WITH TALANOA" half makes the comparison format the page's spine.
Following each upright serif headline with a grey italic second line gives a consistent two-voice rhythm.
Letting visitors toggle "Train tunnel" and watch webmail fail beside a working search turns an offline claim into a demonstration.