Inside the Voy Design website design
Voy Design is a health website built with custom code and GSAP. Its pages are built from navbar, hero, other, logo cloud, process, testimonials, gallery, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Season Mix (display text and headings) and NB International Book (body text). Colours: background #001A0B, text #E8EDE2, accent #EFD85D, secondary text #A9BBA6.
Meet Voy Design. A group of builders, product thinkers and craft people designing for 100 years of healthy living. Its visual style is editorial, minimal, and typographic, with navigation bar, testimonial card, and logo strip among its components.
Why we picked it
A near-black forest green background lets real health product photos and a runner in orange kit pop with life, while large soft serif headlines keep the mood calm and trustworthy. Small colour-coded name tags floating beside the team statement add a human touch, and a long scroll paced through principles, logos and product shots keeps the story easy to follow.
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
- Process: three to five numbered steps
Questions designers ask
What fonts does Voy Design use?
Voy Design uses Season Mix for display text and headings, and NB International Book for body text, measured from the captured page's CSS.
What is the Voy Design website built with?
The Voy Design website is built with custom code and GSAP, detected when the page was captured.
What colours does the Voy Design website use?
Measured from the captured page's CSS, the Voy Design website uses #001A0B for the background, #E8EDE2 for text, #EFD85D as an accent, and #A9BBA6 for secondary text.
What sections does the Voy Design website have?
The Voy Design website includes navbar, hero, other, logo cloud, process, testimonials, gallery, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
