Inside the Wastetide website design
Wastetide is an AI website built with Webflow and GSAP. Its pages are built from features, footer, hero, pricing, stats, and CTA sections, shown here in full-page captures and a scroll recording. Typography: Suisseintl. Palette: #604040, #E0C0C0, #A08080.
Wastetide turns waste into profit with AI-driven insights, turning messy Excel reports into actionable data. Book a free demo or impact assessment today. Its visual style is brutalist, typographic, and bold, with navigation bar, hero, and logo strip among its components.
Why we picked it
Giant black slab headlines and a torn-strip photo collage of scrapyards give a grim material a blunt, confident voice. A bright red block with a live circular data chart shows the product turning rows of waste into one clear percentage, so visitors immediately see the payoff rather than reading about it.
What to look for
- Features: benefits framed around what the user gets, not internal capability names
- Footer: grouped navigation with clear column headings
- Hero: a specific headline instead of a generic slogan
- Pricing: two to four plans with a highlighted recommendation
Questions designers ask
What fonts does Wastetide use?
Wastetide uses Suisseintl, read from the fonts loaded on the captured page.
What is the Wastetide website built with?
The Wastetide website is built with Webflow and GSAP, detected when the page was captured.
What colours does the Wastetide website use?
The captured palette includes #604040, #E0C0C0, and #A08080.
What sections does the Wastetide website have?
The Wastetide website includes features, footer, hero, pricing, stats, and CTA sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Wastetide's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Wastetide's typography, colours, and components for your team or an AI tool.
