Kosbiotic

Item: Kosbiotic
Rating: 7.1

French probiotic supplements for gut and body wellbeing.

kosbiotic.com Save page

7.1/10MABTU rating

FAQ

DESKTOP · 1440 × 4,475/ ↗

MOBILE · 390

Section outline · Home

01heroSplit: beach portrait and lab glassware
02statementFull-bleed seascape, centred text
03scienceGlassware still life beside text
04ingredientsFull-bleed orchid macro
05footerNewsletter, links, giant wordmark

Rating · Home

Visual design7.8

UX & clarity6.8

Originality7.4

Craft & consistency7.2

Motion5.5

Performance & a11y7.0

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

Main colours

Light·white background·mono

Typography

Diatypeheading · sans · self-hosted Diatypebody · sans · self-hosted

Stack & style

Shopify Alpine.js

Minimal Bold typography Luxury Photography-led Parallax Split screen Sticky header Testimonial slider Transparent header

Also: Meta Pixel, Klaviyo, Cloudflare, Google Tag Manager

Design DNA

Split hero pairs a beach fashion portrait with a lab separating funnel full of capsules and an orange product box. Full-bleed seascape band with centred white statement and underlined link. A split science block with glassware still life on white beside centred small text and a microbe dish image. Full-bleed orange orchid macro with overlaid caption. Light grey footer with bold two-line tagline, newsletter, four link columns and a massive black 'kosbiotic' wordmark across the width. Small grotesk throughout; orange is the only accent.

Worth borrowing

Pair lifestyle and lab photography side by side in the hero to say 'nature backed by science'.
Use a single orange product pack as the only colour accent across calm photography.
End with a full-width wordmark set as large as the viewport allows.