Service Detail pages

65 sites with a deeply-analysed service detail page , across other, developer tool, beauty, hr platform, marketing platform, professional services, trades, childcare education. Build a service detail page from how the best sites build that page, not a generic skeleton.

Screenshot of Abby Wilson Therapy

Abby Wilson Therapy

strong

Other

A boutique therapist for "anxious, high-achieving women" who reassures by being polished and specific - a warm sand-and-charcoal editorial system, a Calluna serif voice, named specialties and a clearly walked process that says "I understand exactly who you are and how this works".

Screenshot of Adaline

Adaline

strong

Developer Tool

an AI-infra product site that swaps the genre's default dark-neon for a hand-built 3D Japanese-garden world, then runs warm earth tones, a grotesque/mono type pair and patient scroll-reveal motion over the top so a developer tool feels like a calm place.

Screenshot of Antara Spa

Antara Spa

strong

Beauty

a Malaysian day spa that sells calm with one oversized Fraunces wordmark on a sun-warmed photographic hero, an earthy sand-brown-sage palette, and slow GSAP-and-Lenis scroll, the whole page tuned to feel like exhaling.

Screenshot of Assembly

Assembly

strong

Hr Platform

The reference for clean-corporate B2B HR-tech with illustrated character imagery and a dotted-grid texture — Inter at every weight, single blue accent, friendly illustrations carrying the visual personality.

Screenshot of Attentive

Attentive

strong

Marketing Platform

The reference for warm-cream SMS/email marketing brands — Diatype + italic-serif accent, signature yellow CTA, real-people photography hero with italic-serif H1.

Screenshot of Beehiiv

Beehiiv

strong

Marketing Platform

The reference for newsletter / creator-platform brands with all-caps section H2 discipline — dark navy + magenta accent + ClashGrotesk display, real publisher logos from TIME / Newsweek / Adobe.

Screenshot of Bench Accounting

Bench Accounting

strong

Professional Services

a small-business bookkeeping service that builds trust with a deep-navy hero, friendly Circular Std type, a soft blue-teal palette and a product mock-up showing real reports and chat support, calm, credible, conversion-focused.

Screenshot of Block Renovation

Block Renovation

flagship

Trades

a US renovation marketplace that sells trust through warmth, big bold Fakt sans headlines over real renovated-room photography, a calm black-on-bone palette with one warm orange call to action, on a Next.js + Contentful stack with restrained spring-eased motion.

Screenshot of Bright Horizons

Bright Horizons

strong

Childcare Education

a large early-education and childcare provider whose site leads with a warm deep-teal and sunshine-yellow palette over happy children's photography, the rounded Mulish sans throughout, a tabbed audience-routing hero, and a clear, trust-led grid of pathways for parents and employers.

Screenshot of Caliber

Caliber

strong

Trades

a collision and auto-service chain whose site is a clean, trust-first conversion funnel, with "Online Estimate" and "Book an Appointment" front and centre, a confident dark-on-white system, and a single bold accent.

Screenshot of Clerk

Clerk

strong

Developer Tool

The reference for auth-platform / dev-tools at peak monochrome restraint — pure black on white, Suisse + Geist Numbers + Söhne Mono, letter-reveal hero animation.

Screenshot of Clickup

Clickup

strong

Saas Product

The reference for a saturated-purple SaaS AI agent platform: 76px Plus Jakarta Sans display, 60 CSS keyframes, rotating gradient borders, and elastic overshoot motion.

Screenshot of Compass Re

Compass Re

flagship

Real Estate

a tech-brokerage site that fronts a property search engine with one calm photographic hero and a serif headline, using a near-monochrome ink-on-white system, a custom Compass Sans plus Compass Serif pairing, and a prominent buy/rent/sell search bar as the centrepiece.

Screenshot of Corepower Yoga

Corepower Yoga

strong

Fitness

a yoga studio chain whose site runs entirely on the class timetable, Book / Studio Schedule / On Demand sit at the front of the nav, in a warm sunset-orange-and-cream palette with friendly Poppins, so finding and booking a class is the whole experience.

Screenshot of Courtney Witt Counseling

Courtney Witt Counseling

strong

Other

A counsellor's site that makes safety its whole argument - a warm cream-and-teal system, a script wordmark and a serif headline, building to one big full-bleed teal statement: "Here, it's safe to put the armor down."

Screenshot of Crisp

Crisp

strong

Saas Product

The reference for AI customer-support brand — bespoke Crisp Aeonik Pro, real chat dashboard hero, link-blue underline emphasis, dark navy announcement banner promoting AI agent.

Screenshot of Cursor

Cursor

strong

Developer Tool

a Next.js / Tailwind developer-tool site where a bespoke CursorGothic on warm-light cream (`#f7f7f4`), EB Garamond paragraphs for editorial moments, and 0.14s expo micro-animations make a coding-agent product feel like a quietly-confident research lab rather than a SaaS landing.

Screenshot of Decodable

Decodable

strong

Data Infrastructure

The reference for B2B data-infrastructure: dark navy hero with rainbow data-flow visualization, Inter at four weights, bright Anthropic-blue CTAs over deep `#0e0f18`.

Screenshot of Dropbox

Dropbox

flagship

Saas Product

The reference for a 700-million-user product brand at restraint: cream "coconut" backgrounds, one saturated blue CTA, real product UI rendered enormous, and a 13-section page that never raises its voice.

Screenshot of Dub

Dub

strong

Developer Tool

The reference for open-source link-attribution platform — pure black/white monochrome with Satoshi + Inter, real dashboard hero, dotted-grid integration map, 48-keyframe motion library.

Screenshot of Eduard Bodak

Eduard Bodak

niche

Design Portfolio

The reference for **solo-designer Webflow portfolios with mono-label chrome and trading-card service tiles** — cream `#f9f4eb` page, monumental Arial Narrow display, pastel "card-stack" service blocks and an elastic linear() overshoot ease everywhere.

Screenshot of Facet Wealth

Facet Wealth

strong

Professional Services

a US financial-advisory service that pitches calm confidence with a deep teal-navy palette, a warm full-bleed lifestyle hero, a single Euclid Square sans, and one orange accent, aspirational but trustworthy.

Screenshot of Fantastic Services

Fantastic Services

strong

Trades

a multi-trade home-services brand whose site is a service-category-and-book funnel, 100+ services sorted into clear categories with an instant booking path, in a clean navy-and-magenta system on Inter.

Screenshot of Grand Street Dental

Grand Street Dental

strong

Other

A NYC cosmetic-dental practice that disarms dental dread with playful Bauhaus geometry and a warm cream canvas - scattered half-circles in pink, orange and blue behind a serif "Dentistry Redesigned", then walls of grinning patient photos.

Screenshot of Greenwise Organic Lawn Care

Greenwise Organic Lawn Care

strong

Other

A Chicago/Milwaukee organic-forward lawn-care company that earns trust through values and locality - lush landscape photography on a warm navy-gold-cream canvas, a Cormorant Garamond serif, a "Why Choose Greenwise" reassurance band, a service-area map with an availability checker, and a sustainability commitment that makes "organic" feel credible rather than greenwashed.

Screenshot of Guidepost Montessori

Guidepost Montessori

strong

Childcare Education

a warm, parent-facing Montessori network site built in WordPress and Elementor, lowercase Graphik headings each ending in a coloured full-stop, a soft cornflower-blue (#7AA9E1) and coral (#ED4944) palette on slate-blue body text, pill buttons and rounded-bottom image cards, gentle and trustworthy rather than clever.

Screenshot of Gymbox

Gymbox

strong

Fitness

a London boutique gym that shouts, near-black backgrounds, one electric yellow accent, a custom condensed display face set in enormous all-caps ("ANYTHING GOES", "GOT QUESTIONS?"), gritty workout photography and Lenis-smoothed Swiper carousels.

Screenshot of Habito

Habito

strong

Professional Services

a friendly digital mortgage broker that softens a heavy financial decision with a fat rounded display face (RightGrotesk Black), warm aurora gradients of blue, lavender and pink, big rounded cards and a single confident blue call-to-action.

Screenshot of Headspace

Headspace

flagship

Health

a meditation and mental-health brand whose site radiates calm and friendliness, a warm cream canvas, the bespoke Headspace Apercu sans, big soft-rounded shapes, playful illustration and a signature sunshine yellow, so therapy and mindfulness feel approachable rather than clinical.

Screenshot of Heyday Skincare

Heyday Skincare

strong

Beauty

a facial-membership skincare chain that feels friendly and trustworthy, deep navy ink on warm cream, soft powder-blue and butter-yellow accent panels, the Sunset Gothic grotesque, close-up facial photography and lots of proof (press logos, big stats, reviews).

Screenshot of Hims Hers

Hims Hers

flagship

Health

a telehealth brand that makes prescription medicine feel like a lifestyle product, a big tight-set geometric sans headline, a warm cream-and-brown palette, and a grid of large rounded entry cards with floating product photography that route you straight into "find your Rx match".

Screenshot of Homerun

Homerun

strong

Hr Platform

The reference for friendly HR/recruiting platforms with chunky 70s-display typography — warm cream + brown text + saturated CTA, real product UI in hero, pink customer-love mode-flip.

Screenshot of Jiffi

Jiffi

flagship

Agency Home

the home brand - Jiffi's own site, a punchy "chaos to clarity" tech-agency story told through GSAP-driven scroll motion, the Simula + Satoshi type system and the navy/blue/yellow palette.

Screenshot of Larry King

Larry King

flagship

Other

A London salon group and haircare line that fuses warm putty-cream calm with editorial fashion confidence - big half-and-half image panels, GT America, and a leopard-print swagger - so it feels both welcoming and clearly cool.

Screenshot of Lava Dental

Lava Dental

flagship

Other

A dental clinic that turns the most anxiety-inducing service into calm and reassurance - a deep forest-green canvas, a rounded geometric display, and a circular arc-timeline that carries you through "peace and safety during every appointment".

Screenshot of Marshall White

Marshall White

strong

Real Estate

a premium Melbourne real estate agency rendered as a restrained editorial object: deep navy ink (#00101F) on white, a single refined sans (Untitled Sans) with a Georgia/Cigars serif accent, full-bleed property photography and almost no radius, so the work and the wealth speak quietly.

Screenshot of Maven Clinic

Maven Clinic

strong

Health

a women's and family telehealth brand that wraps clinical credibility in warmth, a deep forest green base lit by an electric mint accent, Helvetica Now Display set huge with Ivar Display serif italics for the emotional words, and warm candid family photography carried full-bleed.

Screenshot of Medwest

Medwest

niche

Health

a clinical-but-warm physiotherapy site built on one confident teal (#00A09A), oversized outlined display headlines laid over duotone black-and-white treatment photography, with GSAP-driven reveals on a long, soft easing curve.

Screenshot of Mercury

Mercury

flagship

Fintech

a banking site that turns scale and aspiration into the brand - bespoke variable Arcadia/ArcadiaDisplay typography at intermediate weights (420/480), a glass-blur dark nav over a 1952px-wide light page, atmospheric mountain/space photography, and one electric-indigo CTA in a sea of refined neutrals.

Screenshot of Method

Method

niche

Saas Product

The reference for QuickBooks-niche B2B CRM — clean deep-navy + royal-blue conservative B2B design with yellow-underline accent and customer-photo-driven testimonials.

Screenshot of Mishcon De Reya

Mishcon De Reya

flagship

Professional Services

a top London law firm that ditches the navy-and-columns cliche for a dark, editorial, almost magazine-grade site, near-black grounds, full-bleed photographic heroes, a single burnt-orange accent and clean Helvetica Now type, anchored by a prominent "How can we help you?" search bar.

Screenshot of Myodetox

Myodetox

strong

Health

a modern physical-therapy and bodywork clinic that reframes physio as proactive "future-proofing", a confident deep-blue-and-warm-neutral system, big rounded forms, a bespoke sans, and a book-by-location, assessment-led structure.

Screenshot of Omura Wealth Advisers

Omura Wealth Advisers

flagship

Other

A Sydney wealth-advisory firm that earns trust through calm authority - a deep-navy coastline canvas, "SECURE YOUR FUTURE WITH US", a row of award badges and hard performance numbers, all delivered with restraint rather than salesmanship.

Screenshot of One Medical

One Medical

flagship

Health

a primary-care membership clinic whose site makes healthcare feel calm and human, a warm teal-and-peach palette, a GT Super serif display over clean Ginto sans, audience-segmented care paths, and a "book" action that treats getting care as the product.

Screenshot of Outside Landscape Group

Outside Landscape Group

flagship

Other

A high-end Alpharetta / North Metro Atlanta landscape design-build firm that makes competence feel measured, not boasted - lush portfolio photography on a navy-and-olive canvas, "Best Pick" and "Guild Quality" award language, and a calm proof-led narrative that earns a luxury outdoor-living budget.

Screenshot of Pilot Accounting

Pilot Accounting

flagship

Professional Services

a US bookkeeping-and-tax firm that looks like a modern SaaS product, deep aubergine-purple hero, a bright violet CTA, a clean Euclid Circular B grotesque paired with a Spacemono accent, and a confident product-led layout that sells accounting as software-grade and trustworthy.

Screenshot of Re Bath

Re Bath

strong

Other

A national bathroom-remodelling franchise that takes the dread out of a renovation - "Beautiful Bathrooms Made Easy", a coast-to-coast trust band, a "Find Your Local Re-Bath" map, a clear named process, a celebrity designer collab and a free-consultation form, all in a calm maroon-and-serif system that makes a daunting project feel handled.

Screenshot of Sila Home Services

Sila Home Services

niche

Trades

a large regional HVAC, heating, plumbing and electrical contractor presenting itself with corporate-blue confidence, an interactive territory map as the hero, an all-caps Brandon Grotesque voice and an orange "book now" spark against deep navy fields.

Screenshot of Slack

Slack

flagship

Saas Product

a post-Salesforce-acquisition product flagship where the iconic aubergine `#611f69` survives as the primary CTA, Salesforce-Sans replaces Lato, and a 30-keyframe motion library powers the "workspace-people-bump" avatar animations that have always been Slack's brand signature.

Screenshot of Supabase

Supabase

strong

Developer Tool

open-source developer infrastructure made warm and confident - a light, Circular-set product site where one signature green and code-forward proof carry a Postgres platform.

Screenshot of Superpower Health

Superpower Health

strong

Health

a longevity-clinic brand that opens on a near-black hero with a single backlit orange silhouette, then switches to a calm white-and-zinc-grey editorial body set entirely in the NB International Pro grotesque, with vermillion as the one disciplined accent.

Screenshot of Synthesis Tutor

Synthesis Tutor

flagship

Childcare Education

a deep-blue, energetic kids' learning product (the math tutor born out of the SpaceX school) that pairs a confident Work Sans display headline with a glowing gold-gradient CTA, neon outline icons and an iPad mockup, friendly and high-energy without tipping into childish.

Screenshot of Teachable

Teachable

strong

Saas Product

The reference for course-platform brands with editorial serif + neon-yellow CTA — Ivy Presto Headline at 75px, integration illustration with portrait centre, 150,000 creators trust signal.

Screenshot of The Agency Re

The Agency Re

flagship

Real Estate

a global luxury real-estate brokerage that sells aspiration through cinematic full-bleed imagery, an italic serif headline over a coastal hero, a single confident red brand accent, and a property-search bar placed front and centre as the one job the homepage has.

Screenshot of The Fitouter

The Fitouter

strong

Trades

a boutique interior fitout studio rendered as a moody design object: a deep oxblood-maroon ground (#38050E), a single chartreuse-lime accent (#BFC941), an Editorial New serif paired with Aspekta sans, oversized 150px pill radii and rich interior photography, all carried on Framer with Lenis smooth scroll and Framer Motion.

Screenshot of The Modern House

The Modern House

flagship

Real Estate

a design-led estate agency that presents homes like an art magazine, a black-on-warm-paper system with a custom serif-and-sans pairing, tracked uppercase labels, sharp un-rounded corners and slow 0.9s cross-fades that make property browsing feel curated and unhurried.

Screenshot of The Owo Residences

The Owo Residences

flagship

Real Estate

a Raffles-branded luxury residence in the restored Old War Office, selling heritage through grand marble photography, a Caslon-serif-plus-1906-sans pairing in warm taupe and cream, centred wordmark navigation, and quiet GSAP/ScrollTrigger parallax with a persistent "Book Now".

Screenshot of Tonal

Tonal

flagship

Fitness

a connected-fitness hardware brand selling a wall-mounted smart gym, a clean editorial system in near-black on warm bone, GT America plus a GT Expanded display cut, one electric teal accent, and Tailwind-driven cubic-bezier(0.4,0,0.2,1) transitions that keep a Vue app feeling like a premium product site.

Screenshot of Unoit

Unoit

strong

Other

An Australian barbershop ("barber, but different") whose hero slices many men's faces into vertical strips behind a hugely letter-spaced UNOIT, saying "everyone belongs here" in one confident image - then lists its services as clean, expandable rows.

Screenshot of Vercel

Vercel

flagship

Developer Tool

engineered minimalism - a near-monochrome light site where a geometric grid, the in-house Geist typeface and tightly-tracked bold headings make "developer tool" feel like precision hardware.

Screenshot of Warby Parker

Warby Parker

flagship

Health

a calm, trustworthy retail-optometry site that pairs a near-black ink (#121212) with a confident royal blue (#1050D0), runs a custom grotesque against a custom serif, and lets warm lifestyle photography and a fast 0.2s ease carry the polish.

Screenshot of Wealthsimple

Wealthsimple

flagship

Professional Services

a Canadian money app dressed as a warm editorial magazine, oversized Tiempos serif headlines over soft sand backgrounds, candid lifestyle photography that floats in on scroll, and a calm custom-eased motion system that makes a fintech feel human rather than clinical.

Screenshot of Webflow

Webflow

flagship

Saas Product

a white-canvas product flagship that is itself built in Webflow - using the bespoke WF Visual Sans Variable + WF Visual Sans Mono, a Webflow-blue `#146ef5` primary, GSAP + ScrollTrigger + Three.js + Swiper all bundled, and a three-card "AI / Template / Scratch" entry hero that mirrors the actual product's onboarding paths.

Screenshot of Wholeness Collective Therapy

Wholeness Collective Therapy

strong

Other

A group therapy practice that feels like a warm welcome - a handwritten "welcome" script over soft cream and linen, a Freight Display serif, calm sunlit-room photography, and "Healing for the heart, mind, body and soul" - belonging conveyed before a single service is named.

Screenshot of Wispr Flow

Wispr Flow

strong

Saas Product

The reference for a butter-cream voice-AI brand at peak typographic confidence — EB Garamond serif hero on lavender-and-evergreen surfaces, with curved-path transcript animations as the signature motion.

Back to the full collection