Topanga

Item: Topanga
Rating: 7.1

AI forecasting, waste tracking and reusable container software for foodservice.

7.1/10MABTU rating

DESKTOP · 1440 × 10,472/ ↗

MOBILE · 390

Section outline · Home

01heroLeft-aligned headline with lime rotating word, two small CTAs, dotted dark field
02logo cloudSingle row of white client wordmarks
03productsSuite cards with kitchen hardware photos and blue pill links1,274
04tabsWhite panel with four tabs, copy left, scanner product photo right1,194
05testimonialsDark masonry of quote cards with big lime stats and video tiles1,773
06featureRelease spotlight with UI card mockup1,029
07how it worksLight cards: expert guidance, integrations diagram, training academy2,295
08ctaSplit card with quote and dark stat panel 78% and $150k939
09footerDark sitemap card over lime halftone mountain and giant wordmark930

Rating · Home

Visual design7.3

UX & clarity7.2

Originality7.0

Craft & consistency7.0

Motion6.0

Performance & a11y7.7

This page scores 7.1; the site score weights the home page double.

Main colours

Mixed sections·coloured background·vivid

Typography

Geistheading · sans · google Geistbody · sans · google Geist Monoaccent · mono · google

Stack & style

Google Fonts Webflow GSAP GSAP ScrollTrigger jQuery Swiper

Photography-led Dark tech Product-UI-led Booking widget Logo cloud Marquee Mega menu Stats band Sticky header Tabs Transparent header

Also: Calendly, Google Tag Manager, Cloudflare, Google Analytics

Design DNA

Deep forest-green canvas (#0F2A22 range) with a single lime accent used for keyword highlights, pill buttons and big stat numerals. Small uppercase mono eyebrows sit over compact grotesque headings. Product cards pair short copy with framed kitchen hardware photos and blue pill links. A white tabbed panel explains the scanner hardware, testimonials become a dark masonry of quote cards with oversized lime percentages, and a light how-it-works stack shows guidance, integrations and training. The footer nests a dark sitemap card over a lime field with a halftone mountain and an ultra-wide TOPANGA wordmark.

Worth borrowing

Pair each testimonial with one oversized result numeral (98%, $12K) in the accent colour instead of star ratings.
End the page with a full-width wordmark set against a halftone landscape illustration in the accent colour.
Run a thin mono announcement bar and mono eyebrows throughout to give a dark ops product a technical voice.