Inside the Traversal website design
Traversal is an AI website built with Webflow and Tailwind CSS. Its pages are built from navbar, hero, logo cloud, testimonials, features, FAQ, and footer sections, shown here in full-page captures and a scroll recording. Typography: Hostgrotesk (display text and headings), Inter Variablefont Opsz Wght (body text), and Geist Mono (monospaced text). Colours: background #FFFFFF, text #000000, main buttons #16A34A, surface #F1F1EF.
Traversal is the AI SRE that triages alerts, finds root cause, and resolves incidents at petabyte scale. Trusted by American Express, PepsiCo, and DigitalOcean. Its visual style is minimal, corporate, and typographic, with announcement bar, navigation bar, and hero among its components.
Why we picked it
A dark green hero drops straight into a live node map of a production system, so the product's scale feels real before any copy explains it. Below, a sticky left-hand feature list paired with repeating stat plus screenshot blocks (700+, 32%, 70%) paces the long page into clear, countable proof points that build trust fast.
What to look for
- Navbar: a short menu: only the destinations visitors actually look for
- Hero: a specific headline instead of a generic slogan
- Logo Cloud: a short label that says what the logos are: customers, partners, or integrations
- Testimonials: names, roles, and photos or logos for credibility
Questions designers ask
What fonts does Traversal use?
Traversal uses Hostgrotesk for display text and headings, Inter Variablefont Opsz Wght for body text, and Geist Mono for monospaced text, measured from the captured page's CSS.
What is the Traversal website built with?
The Traversal website is built with Webflow and Tailwind CSS, detected when the page was captured.
What colours does the Traversal website use?
Measured from the captured page's CSS, the Traversal website uses #FFFFFF for the background, #000000 for text, #16A34A for main buttons, and #F1F1EF for surfaces.
What sections does the Traversal website have?
The Traversal website includes navbar, hero, logo cloud, testimonials, features, FAQ, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
TraversalTraversal
