Fathom
fathom.ai/
Fathom is an AI meeting notetaker that transcribes and summarizes video calls automatically and now offers bot-free recording on supported platforms, distinguishing it from tools that require a visible bot to join the call. Its stated headline, "AI notetaking that is out of this world," is paired with the specific claim that 95% of users report staying fully present in meetings rather than taking notes. It stacks several concrete time-savings figures rather than one: 6+ hours saved weekly per team member, 38 minutes saved per meeting, and 3x faster conversion from meeting notes to action items. It also claims over 300,000 companies as users and includes an "Ask Fathom" query feature alongside SOC 2, GDPR, and HIPAA compliance badges.
- Category
- Productivity & Collaboration
- Style
- DarkColorful
- Stack
- Webflow
- Fonts
- Sora
- Palette
- Meta title
- Fathom AI Notetaker - Never Take Notes Again
- Sections
- 4
- Updated
Fathom's landing page, section by section
Each section below is cropped straight from Fathom's live page — useful references for productivity & collaboration landing page design.
Fathom design review: how the homepage is built
The desktop page runs 12398 pixels and is mostly black, drawn as a night sky with scattered stars and cartoon space art: an astronaut with a laptop, a rocket, a purple planet and a moon. One short off-white band holds three stat circles before the page returns to black. Type is a thin, rounded sans at very large sizes. Cyan pill buttons carry the primary action, with yellow and pink variants further down.
Announcement bar, header and hero
A pale bar reads "FATHOM IS NOW PART OF SUPERHUMAN." with a "LEARN MORE" link and a close icon. Below it a rounded pill holds Overview, Solutions, Integrations, Resources and Pricing, with Book a Demo, Log In and an outlined SIGN UP FREE button at right. The left-aligned headline fills two lines, followed by a subhead, the GET STARTED - FREE FOREVER button and a line listing "SOC 2 Type II" and "HIPAA Compliant". On the right, six capsule shapes cluster around an "ASK FATHOM" tile, the astronaut and a moon.
Ratings, customer logos and product carousel
The strip below the hero pairs a G2 mark showing "5.0/5.0" and "#1 rated · 6,500+ reviews" with "Used at 300K+ companies" and six logos in dark rounded tiles: HubSpot, Adobe, zapier, GRUBHUB, EA and Calendly. The caption "Capture notes your way – bot or no bot –" sits over two product screenshots. Yellow arrow buttons and four dots control the carousel, and a rocket leads an oversized marquee line across the page.
Team and individual tabs, then the three-word list
"Whether you’re a team of 1 or 1,000, Fathom’s got your back" introduces a rounded panel with two tabs, "Fathom for teams" underlined in yellow and "Fathom for individuals". It holds "Shared visibility. Smarter execution.", a pricing button and a two-by-two grid of icon blurbs. Next, "Clarity", "Momentum" and "Ease" stack on the left; the active word turns white with a coloured tagline and button, while a ringed circle on the right swaps screenshots.
Stat circles and team workflow
A short off-white band titled "Fathom teams work smarter" lifts three circles into a staircase: orange "95% of users", pink "6+ hours saved" and blue "3X Faster". The page returns to black with the eyebrow "Shared understanding. Faster execution. Better results." over "Make your team unstoppable" and a wide dark app screenshot. Headings further down read "Works where you meet" and "Every team in flow".
On mobile
At 390 pixels the announcement bar stacks its logo, text and link on three lines, and the headline breaks into four lines. The six logos become a two-column grid of three rows. The three stat circles stack vertically with trails fading in from the left. The three-word list stops sharing one block: each item gets its own circle, centered text and button.
Worth borrowing
- A pill-shaped nav and pill-shaped hero capsules echo the pill buttons, so every control shares one shape.
- Cycling a button between cyan, yellow and pink across a three-word list gives each benefit its own colour identity.
- Stat circles set at stepped heights turn three plain numbers into a visual staircase.
