Inside the Scanbase website design
Scanbase is a health website built with Webflow. Its pages are built from hero, feature card, process, team, CTA, and footer sections, shown here in full-page captures and a scroll recording. Palette: #8040FF, #E0E0FF, #C0A0E0.
Scanbase makes it easy to convert photos of rapid diagnostic tests into positive or negative results. Its visual style is minimal, corporate, and typographic, with navigation bar, hero, and feature card among its components.
Why we picked it
A dark hero with streaking diagonal light beams gives a lab-like, high-tech mood before the page shifts to calm grey and white sections, so the switch itself signals a move from vision to explanation. Alternating purple and off-white service blocks with small icons break a long scrolling page into clear, scannable chapters.
What to look for
- Hero: a specific headline instead of a generic slogan
- Feature Card: one idea per card
- Process: three to five numbered steps
- Team: consistent portrait style
Questions designers ask
What is the Scanbase website built with?
The Scanbase website is built with Webflow, detected when the page was captured.
What colours does the Scanbase website use?
The captured palette includes #8040FF, #E0E0FF, and #C0A0E0.
What sections does the Scanbase website have?
The Scanbase website includes hero, feature card, process, team, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Scanbase'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 Scanbase's typography, colours, and components for your team or an AI tool.
