Blog pages

49 sites with a deeply-analysed blog page , across other, developer tool, creative studio, childcare education, editorial publishing, design portfolio, saas product, retail. Build a blog 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 Analogue

Analogue

strong

Creative Studio

a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.

Screenshot of Anthropic

Anthropic

flagship

Developer Tool

a warm ivory-and-slate site where editorial serif typography, a single clay accent, and unhurried 0.8s expo reveals reframe AI as a humanist research practice rather than a product to sell.

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 Caffe Design

Caffe Design

niche

Editorial Publishing

An Italian "design gang" community-magazine fronted by a hand-drawn one-eyed coffee-cup mascot - bubblegum-pink canvas, a literal animated preloader as the brand voice, GT Haptik sans paired with Argent Pixel CF italic for headline accents.

Screenshot of Cal Com

Cal Com

strong

Developer Tool

The reference for open-source dev-tools brand at peak typographic confidence - Cal Sans 64px H1 on pure white, real booking widget in hero, prestige customer logos.

Screenshot of Coco Republic

Coco Republic

strong

Other

An Australian luxury furniture and interior-design house that fuses editorial aspiration with e-commerce - a calm near-white canvas, a Goldenbook serif over Moderat sans, full-bleed styled-room photography, an "Inside Our Universe" editorial layer (journals, catalogues, design portfolios) and a "Shop Coco Republic" category grid, plus a full interior-design service.

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 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 Cyphr

Cyphr

strong

Creative Studio

The reference for venture-studio portfolios that flex through monumental condensed type, a single blue I-beam cursor accent, and a venetian-blind slat hero that fragments a single image into a column-rhythmic curtain.

Screenshot of Drexler

Drexler

niche

Creative Studio

A Baltimore studio that uses a single 765px-tall wordmark as the entire homepage, with a warm pink-on-black palette and 5-link nav, signalling small-shop confidence through wordmark-as-canvas restraint.

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 Euro Design Remodel

Euro Design Remodel

strong

Other

A Bay Area bathroom/kitchen design-remodel firm that earns trust through a wall of third-party proof - a star-rated testimonials carousel, a full badge row (Houzz, EPA Lead-Safe, BBB, Angie's List, Yelp), financing reassurance and a "100% satisfied" promise, all on a clean white-and-blue canvas.

Screenshot of Figma

Figma

flagship

Saas Product

a white-canvas product site that uses tilted Figma file-cards as the hero imagery, the bespoke variable figmaSans + figmaMono pair at non-integer weights (340, 480, 520, 540), and a 0.16s ease-out motion contract to demonstrate breadth without showing a single screenshot of the actual Figma UI.

Screenshot of Food52

Food52

strong

Retail

a food-and-home brand that fused editorial content with commerce, recipes and stories draw you in, a clean serif-and-sans system on white, and a shop (cookware, gifts, homewares) is always one tap away.

Screenshot of General Condition

General Condition

niche

Creative Studio

Self-aware "this might be a design studio" hero on near-black with vivid red display + rainbow-bordered chrome - WordPress+Elementor post-modern creative aesthetic.

Screenshot of Ghost

Ghost

strong

Marketing Platform

The reference for a creator-platform brand at peak typographic confidence - Inter Display at 96px, real product dashboard at full fidelity, single saturated green accent on a 4-surface palette.

Screenshot of Gsap

Gsap

strong

Developer Tool

a near-black product site where a 101px "Animate anything" headline in the bespoke Mori sans on creamy off-white (`#fffce1`) and 3D liquid-form objects animated by GSAP itself make the homepage the most credible product demonstration in the JavaScript-animation category.

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 Gumroad

Gumroad

strong

Marketing Platform

The reference for playful creator-platform branding - chunky black filled CTAs, cream background, hand-drawn pink coin illustrations, ABC Favorit at 96px.

Screenshot of Hay

Hay

strong

Retail

a Danish designer-furniture house whose store reads like a quiet gallery, near-black ink on a single light-grey field, Neue Helvetica paired with an ITC New Baskerville serif, almost no UI chrome, and a slow editorial scroll where the products and photography are the only colour.

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 Huge

Huge

flagship

Creative Studio

a black-canvas, Monument-Grotesk agency site that turns brutalist restraint into confidence, sharp corners, one type family, vast empty space, then detonates a few hot-pink and acid-green colour blocks and lets Lenis-smooth scroll reveal the work.

Screenshot of Koto

Koto

strong

Creative Studio

The reference for global brand-agency studios - yellow logomark on near-black, four custom typefaces, live UTC clock chrome, split-screen sticky-text case study reveals.

Screenshot of Lattice

Lattice

strong

Hr Platform

The reference for HR/People platforms with rainbow-gradient personality - deep teal text on cream, pastel feature cards, multi-coloured wave logo, Matter at fractional rem-math sizes.

Screenshot of Linear

Linear

flagship

Developer Tool

the restraint benchmark - a dark, near-monochrome product site where one indigo accent, crisp 0.16s motion and an animated dot-grid do all the work, and nothing is wasted.

Screenshot of Lisovskiy

Lisovskiy

niche

Design Portfolio

Sergey Lisovskiy's personal designer site - floppy-disk hero illustration + intentionally scrambled-letter headlines + single 43.2px Apfel Grotezk + SvelteKit.

Screenshot of Mccarthy Building Companies

Mccarthy Building Companies

flagship

Other

A 100+ year, employee-owned national commercial builder that projects quiet authority at scale - full-bleed video and aerial photography of real megaprojects, oversized condensed type ("SUPERIOR RESULTS", "WE CAN BUILD IT"), a single bold red accent, and clip-path scroll reveals that feel cinematic but never showy.

Screenshot of Mejuri

Mejuri

flagship

Retail

a flagship fine-jewellery shop that reads like an editorial magazine, full-bleed black hero portrait, an all-caps grotesque headline set against monospace body and warm-grey detail copy, near-zero radii and almost no shadow, with restraint doing all the luxury work.

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 Mintlify

Mintlify

strong

Marketing Platform

The reference for AI-documentation platform - cloud-gradient sky hero, mint-green CTA, modern lab()/oklab() colour science, real docs mockup with AI assistant chat.

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 Parsley Health

Parsley Health

flagship

Health

a functional-medicine telehealth clinic that earns trust through calm, a deep forest-teal and warm-cream palette, an EuclidCircularB-plus-Teodor-serif pairing, a long evidence-led page of credential blocks, comparison tables and measurable outcomes, all on a clean Next.js + Tailwind build.

Screenshot of Pitch

Pitch

flagship

Saas Product

a violet-and-yellow presentation-tool flagship that pairs Eina01 + Mark Pro on a warm-navy ink, sparkle keyframes (`sparkL`, `sparkM`, `sparkS`, `sparkHover`), animated cursor pointers, and a numbered four-step "Plan / Build / Pitch / Measure" walkthrough - the canonical reference for "B2B presentation software that earns playfulness."

Screenshot of Plain

Plain

strong

Saas Product

a Framer-built operational site that turns a bifurcated 80px headline (bright green + dark green) into the whole brand, leaving everything else - cream cards, Geist Mono micro-labels, single-easing colour transitions - in subordinate role.

Screenshot of Plausible

Plausible

strong

Marketing Platform

The reference for privacy-focused / lightweight / OSS brand at extreme minimalism - system fonts only, 16 total network requests, 2 CSS transitions, explicit Google Analytics comparison.

Screenshot of Posthog

Posthog

strong

Developer Tool

personality as the strategy - a warm, cream-toned developer-analytics site that leans hard into a hedgehog mascot, playful animation and quirky copy to feel human in a sterile category.

Screenshot of Resend

Resend

flagship

Developer Tool

developer-tool minimalism done to the highest finish - a near-black, code-forward site where a precise type system and quiet, fast motion make an email API feel like craftsmanship.

Screenshot of Sealed Home

Sealed Home

niche

Trades

a home-energy-efficiency company gone B2B, presenting a measured, trustworthy SaaS-style interface (white space, one electric blue, a friendly geometric sans) with a phone mockup hero and a calm "more jobs, less energy" pitch to contractors.

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 Stripe

Stripe

flagship

Fintech

the clarity benchmark - extreme product complexity made to feel calm, premium and effortless through a fully tokenised design system and restrained, confident CSS motion.

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 Vrai

Vrai

strong

Retail

a lab-grown fine-jewellery house whose homepage is a near-empty white gallery, a single yellow-gold solitaire ring floating in bright caustic light above a quiet centred serif headline, set in a black-on-white system with metal-named gradient tokens (white-gold, yellow-gold, rose-gold, platinum) and slow, refined cubic-bezier transitions.

Screenshot of We Are Example

We Are Example

niche

Creative Studio

The reference for boutique hospitality-PR agencies - warm off-white canvas with deep navy ink, oversized American Grotesk Compressed display headlines, polaroid-style photo collage hero, and a soft Lenis-smoothed editorial rhythm.

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 Working Stiff Films

Working Stiff Films

niche

Film Production

Comedy film production company portfolio - cream paper + slate-blue near-black + red accent, GSAP+ScrollTrigger, 270px hero, "noise" film-grain keyframe.

Screenshot of Yerba Buena Engineering And Construction

Yerba Buena Engineering And Construction

strong

Other

A San Francisco civil/heavy construction contractor that wins federal, state and municipal trust by showing the hard jobs it has handled - a green-and-gold canvas over Golden Gate / Bay infrastructure photography, a "Challenges We've Overcome" checklist, a public-works project grid and a Caltrans engineer's testimonial.

Back to the full collection