Studio

Magazine-grade density: editorial hero → logos → articles → features → stats → testimonials → CTA. Lots to read.

Editorial hero with a magazine-style article grid as the centerpiece. Best for publishers and content-led brands.

Oversize display type with a single huge quote anchor, big stat slab, confident close. For agencies and creators with a strong voice.

Almost-empty: split hero with one image, one quote, one CTA. The whole page above the fold.

Hero asymmetric overlap, then a stagger gallery that breaks the grid. Strong portfolio energy.

Hard-edged industrial: oversized stat slab, full-bleed type statement, mono labels, raw borders. Type-first.

Split hero with imagery, soft card grid, gallery accent, marquee testimonials. Friendly indie product feel.

Conversion classic for SaaS: split hero, logos, icons-large features, pricing, testimonials, FAQ, CTA.

Service-business focused: split hero, four-column features, mosaic gallery, stats. Suits agencies and studios.

Case-study led: editorial hero, masonry gallery, marquee testimonials, stats, inverted CTA.

Discoverable grid of work as if they were listings: hero search, masonry of cases, trust band, pricing CTA. For two-sided markets and curated portfolios.

Newsletter is the offer: clear hero, prominent signup panel, latest issues with covers, archive teaser. For writers and curators.

Image-led: minimal hero, marquee gallery, single feature quote, minimal CTA. For photographers, videographers, designers.

Conservative B2B: split hero, logo bar, four-column features, stats, split CTA. Trustworthy.

Crowded conversion-heavy single-pager: hero → logos → features → testimonials → pricing → FAQ → CTA. Maximum trust signals.

Full-bleed photographic hero with dark scrim and oversized headline. Brand-led storytelling for studios, hospitality, and editorial brands.

Editorial print-magazine cover with masthead and issue number bar, cover story headline overlay. For publications, studios, and brand journals.

50/50 split banner — headline + CTA on the left, full-bleed lifestyle photo on the right. Retail, marketplace, hospitality.

Architectural 50/50 banner with massive typography opposite a tall photographic billboard. For portfolios, agencies, and statement brands.

Saturated full-bleed banner with brand-tinted overlay and playful oversized type. SaaS launches, festivals, conferences, bold consumer brands.

Stripe / Mercury-style asymmetric bento — gradient-orb hero with hand-drawn emphasis, rotated speech-bubble testimonials, dramatic CTA.

Linear-style narrative — gradient-orb hero, big numbered checkpoint sequence with custom step markers, dramatic CTA.

Mercury-style — hero, then a STAT WALL where numbers themselves are the visual. Massive numerals as background art, sparkle accents, dramatic CTA.

Raycast / Linear long-form — gradient-orb hero, two marquee bars, dense alternating sections, rotated testimonials, dramatic CTA. The full pitch deck.

Airbnb-style swipeable rails — gradient-orb hero, sticky filter chips, snap rails by sector, dramatic CTA. Mobile-first interaction.

Linear Diffs / Mercury-style — gradient-orb hero leads into a dramatic before-vs-after split with a hand-drawn arrow between, rotated testimonials, dramatic CTA.

Pediatric dentist / kids' clinic — collage hero with tooth mascot, hand-drawn underlines, rotated sticker wall, marquee headline, speech-bubble testimonials. Built for sunny-mint or candy-pop.

Preschool / daycare landing — storybook collage with mascot characters, hand-drawn underlines, rainbow accents, pastel sticker walls. Built for sunny-mint or candy-pop.

Family attraction / kids' activity center — saturated tinted banner, rotated sticker wall, ticketed pricing, FAQ. Built for candy-pop or sunny-mint.

Long-form story with stats and a gallery. Best for design-led brands and studios.

Three-principle layout with a numbered grid. Strong opinion, strong tone.

Chronological focus — story body styled as a timeline. Classic 'history' layout.

Quiet single-column. Studios and consultancies.

Team is the headline; short story below. For human-led service businesses.

Form on one side, contact info on the other. Default.

Centered form, contact methods underneath. Quiet.

Directory-first: list of offices and methods, form below.

Compact form with email/phone alternatives below. For confident senders who'd rather just email you.

Form + FAQ below. Reduces inbound by deflecting common questions.

Default — large portraits in a grid. Best with high-quality photography.

Card-style with bios. For larger teams or where bio detail matters.

Directory style with small avatars. For very large teams.

Editorial list with name, role, and short bio per row.

Quiet portraits with a discreet hiring footer. Studios.

Photo + bio side by side, related work below. Default.

Full-bleed photo, then name and bio below.

Avatar + name + a paragraph. Almost a business card.

Resume-style with strong meta block. For consultants and operators.

Bio short, articles long. For writers, journalists, researchers.

Cards grid. Default.

Hero article + sidebar of recents. For publication-style sites.

Editorial list with excerpts. Substack-like.

Title + date only.

Newsletter top, then list. For curators / writers leading with subscribe.

Big editorial title, cover image, single-column body, related posts. Default.

No cover image, no related, just words. Substack-like.

Body in main column, meta + author in a sticky sidebar. For long-reads.

Body + newsletter signup at the bottom, related at the end. Best for newsletters.

Cover image as full hero behind title. For magazine-style features.

Card tiers + FAQ + CTA. Default.

Single-column row, line-priced. Calm.

Cards as a comparison row, FAQ heavy. Helps justify the choice.

Emphasizes one tier visually. For products with a 'recommended' offer.

Long table-like list. For service shops with many packages.

Card grid for offerings, then process steps, then testimonial. Default.

Numbered list of services. Editorial.

Leads with process, services as supporting cast. For consultancies.

Big icon cards. Friendly product/service vibe.

Quiet single-column list with descriptions.

3-column responsive grid of listings with sticky filter bar. For real estate, projects, products.

Pinterest-style masonry — varied heights, browse-led. For projects, products, hospitality.

Editorial list with large thumbnails + body copy. For curated catalogs, journals, niche brands.

Magazine-style project detail: hero, meta bar, narrative brief, gallery, outcomes, related testimonial.

Full-bleed photographic case study. Banner hero, gallery-led, minimal text. For architecture, fashion, hospitality.

Step-by-step process narrative — for engineering, design ops, and projects with strong methodology.

Services list + booking form + hours + reassurance. For consultants, clinics, salons.

Two-column with sticky booking form on the right. Services + reassurance + hours flow on the left.

Bright cheerful booking page for kids dentists, pediatric clinics, family services.