Tatem
tatem.com/
Tatem is a Productivity product. See its tatem.com landing page design in full — desktop and mobile screenshots plus close-ups of the hero, pricing, call to action and footer. It's built with Next.js and Tailwind CSS. Its type is set in Inter, anchored by a #5f7b98 palette. Study how Tatem structures its messaging, layout and visual hierarchy, then explore more of the best Productivity website designs.
- Category
- Productivity
- Meta title
- Experience email at its best - Tatem
- Stack
- Next.jsTailwind CSS
- Typography
- DisplayInter
- Palette
- Sections
- 04
- Updated
tatem.com/
Tatem's landing page, section by section
Each section below is cropped straight from Tatem's live page — useful references for productivity landing page design.
01 / Hero
More hero examples →02 / Pricing
More pricing examples →03 / Call to action
More call to action examples →Similar designs
Browse all Productivity →
CraftProductivity
LoomProductivity
SuperhumanProductivity
RunnerProductivity
SupademoProductivity
GetmagicformProductivity