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.
Abby Wilson Therapy
strongOther
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".
Adaline
strongDeveloper 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.
Antara Spa
strongBeauty
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.
Assembly
strongHr 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.
Attentive
strongMarketing 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.
Beehiiv
strongMarketing 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.
Bench Accounting
strongProfessional 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.
Block Renovation
flagshipTrades
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.
Bright Horizons
strongChildcare 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.
Caliber
strongTrades
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.
Clerk
strongDeveloper 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.
Clickup
strongSaas 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.
Compass Re
flagshipReal 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.
Corepower Yoga
strongFitness
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.
Courtney Witt Counseling
strongOther
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."
Crisp
strongSaas 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.
Cursor
strongDeveloper 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.
Decodable
strongData 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`.
Dropbox
flagshipSaas 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.
Dub
strongDeveloper 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.
Eduard Bodak
nicheDesign 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.
Facet Wealth
strongProfessional 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.
Fantastic Services
strongTrades
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.
Grand Street Dental
strongOther
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.
Greenwise Organic Lawn Care
strongOther
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.
Guidepost Montessori
strongChildcare 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.
Gymbox
strongFitness
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.
Habito
strongProfessional 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.
Headspace
flagshipHealth
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.
Heyday Skincare
strongBeauty
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).
Hims Hers
flagshipHealth
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".
Homerun
strongHr 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.
Jiffi
flagshipAgency 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.
Larry King
flagshipOther
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.
Lava Dental
flagshipOther
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".
Marshall White
strongReal 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.
Maven Clinic
strongHealth
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.
Medwest
nicheHealth
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.
Mercury
flagshipFintech
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.
Method
nicheSaas 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.
Mishcon De Reya
flagshipProfessional 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.
Myodetox
strongHealth
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.
Omura Wealth Advisers
flagshipOther
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.
One Medical
flagshipHealth
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.
Outside Landscape Group
flagshipOther
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.
Pilot Accounting
flagshipProfessional 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.
Re Bath
strongOther
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.
Sila Home Services
nicheTrades
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.
Slack
flagshipSaas 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.
Supabase
strongDeveloper 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.
Superpower Health
strongHealth
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.
Synthesis Tutor
flagshipChildcare 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.
Teachable
strongSaas 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.
The Agency Re
flagshipReal 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.
The Fitouter
strongTrades
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.
The Modern House
flagshipReal 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.
The Owo Residences
flagshipReal 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".
Tonal
flagshipFitness
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.
Unoit
strongOther
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.
Vercel
flagshipDeveloper 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.
Warby Parker
flagshipHealth
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.
Wealthsimple
flagshipProfessional 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.
Webflow
flagshipSaas 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.
Wholeness Collective Therapy
strongOther
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.
Wispr Flow
strongSaas 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.