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.
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.
Analogue
strongCreative 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.
Anthropic
flagshipDeveloper 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.
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.
Caffe Design
nicheEditorial 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.
Cal Com
strongDeveloper 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.
Coco Republic
strongOther
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.
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."
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.
Cyphr
strongCreative 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.
Drexler
nicheCreative 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.
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.
Euro Design Remodel
strongOther
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.
Figma
flagshipSaas 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.
Food52
strongRetail
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.
General Condition
nicheCreative 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.
Ghost
strongMarketing 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.
Gsap
strongDeveloper 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.
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.
Gumroad
strongMarketing Platform
The reference for playful creator-platform branding - chunky black filled CTAs, cream background, hand-drawn pink coin illustrations, ABC Favorit at 96px.
Hay
strongRetail
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.
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.
Huge
flagshipCreative 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.
Koto
strongCreative 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.
Lattice
strongHr 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.
Linear
flagshipDeveloper 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.
Lisovskiy
nicheDesign Portfolio
Sergey Lisovskiy's personal designer site - floppy-disk hero illustration + intentionally scrambled-letter headlines + single 43.2px Apfel Grotezk + SvelteKit.
Mccarthy Building Companies
flagshipOther
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.
Mejuri
flagshipRetail
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.
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.
Mintlify
strongMarketing 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.
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.
Parsley Health
flagshipHealth
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.
Pitch
flagshipSaas 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."
Plain
strongSaas 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.
Plausible
strongMarketing 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.
Posthog
strongDeveloper 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.
Resend
flagshipDeveloper 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.
Sealed Home
nicheTrades
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.
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.
Stripe
flagshipFintech
the clarity benchmark - extreme product complexity made to feel calm, premium and effortless through a fully tokenised design system and restrained, confident CSS motion.
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.
Vrai
strongRetail
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.
We Are Example
nicheCreative 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.
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.
Working Stiff Films
nicheFilm Production
Comedy film production company portfolio - cream paper + slate-blue near-black + red accent, GSAP+ScrollTrigger, 270px hero, "noise" film-grain keyframe.
Yerba Buena Engineering And Construction
strongOther
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.