Inside the Viola Eva website design
Viola Eva is a marketing website built with Webflow and GSAP. Its pages are built from navbar, hero, logo cloud, features, editorial, other, founder, testimonials, forms, and footer sections, shown here in full-page captures and a scroll recording. Typography: Fenulcompressed (display text and headings) and Rmneue (body text). Colours: background #9C78FF, text #FFFFFF, main buttons #DB3C2A.
Transform your marketing team from tactical executors to strategic decision-makers with comprehensive training and strategic consulting. Its visual style is illustrative, colourful, and playful, with navigation bar, hero, and feature card among its components.
Why we picked it
Giant hand-illustrated flowers climbing the founder's name set against periwinkle blue bring warmth to a B2B marketing site, while bold serif headlines and flat color blocks of purple, yellow and green pace the long page into distinct chapters. Service cards with small circular photos and short labels keep the credentials and offerings easy to scan despite the playful tone.
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
- Features: benefits framed around what the user gets, not internal capability names
Questions designers ask
What fonts does Viola Eva use?
Viola Eva uses Fenulcompressed for display text and headings, and Rmneue for body text, measured from the captured page's CSS.
What is the Viola Eva website built with?
The Viola Eva website is built with Webflow and GSAP, detected when the page was captured.
What colours does the Viola Eva website use?
Measured from the captured page's CSS, the Viola Eva website uses #9C78FF for the background, #FFFFFF for text, and #DB3C2A for main buttons.
What sections does the Viola Eva website have?
The Viola Eva website includes navbar, hero, logo cloud, features, editorial, other, founder, testimonials, forms, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
