Menkind

Item: Menkind
Rating: 7.4

Online men's health care with Dutch doctors and discreet delivery.

7.4/10MABTU rating

DESKTOP · 1440 × 8,184/ ↗

MOBILE · 390

Section outline · Home

01heroPortrait on blue, treatment tabs bar
02processThree numbered steps with rules
03cardsPortrait cards per treatment with buttons
04testimonialsReviews grid beside B/W portrait
05teamB/W headshot row
06blogArticle cards with photos
07ctaClose-up portrait band
08faqAccordion on off-white
09newsletterRing of scattered M letters
10footerBlack with giant wordmark

Rating · Home

Visual design7.8

UX & clarity7.5

Originality7.5

Craft & consistency7.6

Motion6.0

Performance & a11y7.0

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

Main colours

Light·white background·mono

Typography

GT Ultra Beta V6 Medianheading · font · self-hosted GT Standard L Rgbody · font · self-hosted GT Standard Mono Rgaccent · mono · self-hosted

Stack & style

Framer Lenis React

Minimal Editorial Photography-led FAQ accordion Process steps Smooth scroll Sticky header

Also: Google Analytics, Google Tag Manager

Design DNA

Warm off-white canvas with light, wide uppercase display headlines broken into staggered, right-shifted lines and a registered-mark superscript. Hero is a close-up portrait on sky blue with a row of treatment tabs. Small monospaced uppercase labels and outlined 'Starten' buttons carry UI. Treatment cards use candid colour portraits, the trust band a large black-and-white portrait beside reviews, doctors in a B/W headshot row. A scattered 'M' letter circle frames the newsletter, and the black footer ends with a giant wordmark.

Worth borrowing

Break short uppercase headlines into staggered, indented lines for an editorial rhythm.
Use mono uppercase micro-labels and outlined arrow buttons against a warm off-white.
Frame a newsletter field inside a ring of scattered, rotated brand letters.