Editorial web design examples

Magazine-style layouts with serif headlines, strong hierarchy and rules. Every screen is an original design by Made Good Designs with its HTML code and a DESIGN.md of colour, type and spacing tokens, so you (or your AI coding agent) can build from it directly. Free to copy and adapt. See also all 3266 UI screens and 27 multi-step flows.

PlatformAll Web Mobile

ScreensAll Sign-in & onboarding Dashboards Lists & data Shopping & payments Account & admin Messages & media Tools & AI Industries States & feedback Emails Staff & operations

ComponentsUI components

WebsitesWebsite templates Website sections

StyleAll Minimal Editorial Brutalist Luxury Playful Corporate Retro Monochrome

418 screens

Theme

Dashboard · web · editorial

Dashboard · mobile · editorial

Data table (customers) — web, editorial (Tallyfold)

Data table · web · editorial

Data table (customers) — mobile, editorial (Tallyfold)

Data table · mobile · editorial

Analytics report (charts) — web, editorial (Tallyfold)

Analytics charts · web · editorial

Analytics report (charts) — mobile, editorial (Tallyfold)

Analytics charts · mobile · editorial

Login / sign-in — web, editorial (Fernway)

Login · web · editorial

Login / sign-in — mobile, editorial (Fernway)

Login · mobile · editorial

Sign up · web · editorial

Sign up · mobile · editorial

Forgot password · web · editorial

Forgot password · mobile · editorial

Two-factor verification — web, editorial (Fernway)

Two-factor code · web · editorial

Two-factor verification — mobile, editorial (Fernway)

Two-factor code · mobile · editorial

Welcome · web · editorial

Welcome · mobile · editorial

Onboarding step (2 of 4) — web, editorial (Fernway)

Onboarding step · web · editorial

Onboarding step (2 of 4) — mobile, editorial (Fernway)

Onboarding step · mobile · editorial

Notification permission request — web, editorial (Fernway)

Permissions request · web · editorial

Notification permission request — mobile, editorial (Fernway)

Permissions request · mobile · editorial

App home (today) — web, editorial (Steadyfit)

Home · web · editorial

App home (today) — mobile, editorial (Steadyfit)

Home · mobile · editorial

Feed · web · editorial

Feed · mobile · editorial

Task list (My tasks) — web, editorial (Fernway)

List view · web · editorial

Task list (My tasks) — mobile, editorial (Fernway)

List view · mobile · editorial

Detail view · web · editorial

Task detail — mobile, editorial (Fernway)

Detail view · mobile · editorial

Kanban board · web · editorial

Kanban board · mobile · editorial

Calendar (week view) — web, editorial (Fernway)

Calendar · web · editorial

Calendar (week view) — mobile, editorial (Fernway)

Calendar · mobile · editorial

File manager · web · editorial

File manager · mobile · editorial

Search results · web · editorial

Search results · mobile · editorial

Document editor with toolbar — web, editorial (Fernway)

Editor toolbar · web · editorial

Document editor with toolbar — mobile, editorial (Fernway)

Editor toolbar · mobile · editorial

AI chat assistant · web · editorial

AI chat assistant · mobile · editorial

Team chat inbox (conversations) — web, editorial (Fernway)

Chat list · web · editorial

Team chat inbox (conversations) — mobile, editorial (Fernway)

Chat list · mobile · editorial

Team chat channel thread — web, editorial (Fernway)

Chat thread · web · editorial

Team chat channel thread — mobile, editorial (Fernway)

Chat thread · mobile · editorial

Video call in progress — web, editorial (Fernway)

Video call · web · editorial

Video call in progress — mobile, editorial (Fernway)

Video call · mobile · editorial

Image viewer (lightbox) — web, editorial (Fieldnote)

Image viewer · web · editorial

Image viewer (lightbox) — mobile, editorial (Fieldnote)

Image viewer · mobile · editorial

Explore map — web, editorial (Fieldnote)

Map view · web · editorial

Explore map — mobile, editorial (Fieldnote)

Map view · mobile · editorial

Video player · web · editorial

Video player · mobile · editorial

Create photo post — web, editorial (Fieldnote)

Create post · web · editorial

Create photo post — mobile, editorial (Fieldnote)

Create post · mobile · editorial

Class schedule (browse and book) — web, editorial (Steadyfit)

Class schedule · web · editorial

Class schedule (browse and book) — mobile, editorial (Steadyfit)

Class schedule · mobile · editorial

Booking details · web · editorial

Booking details · mobile · editorial

Booking confirmation (class) — web, editorial (Steadyfit)

Booking confirmed · web · editorial

Booking confirmation (class) — mobile, editorial (Steadyfit)

Booking confirmed · mobile · editorial

Product detail page — web, editorial (Juniper Supply)

Product detail · web · editorial

Product detail page — mobile, editorial (Juniper Supply)

Product detail · mobile · editorial

Cart · web · editorial

Cart · mobile · editorial

Checkout · web · editorial

Checkout · mobile · editorial

Order confirmation · web · editorial

Order confirmation · mobile · editorial

Settings · web · editorial

Settings · mobile · editorial

Profile · web · editorial

Profile · mobile · editorial

Notifications center · web · editorial

Notifications center · mobile · editorial

Team members and invite — web, editorial (Fernway)

Team members · web · editorial

Team members and invite — mobile, editorial (Fernway)

Team members · mobile · editorial

Roles and permissions — web, editorial (Fernway)

Roles permissions · web · editorial

Roles and permissions — mobile, editorial (Fernway)

Roles permissions · mobile · editorial

Audit log · web · editorial

Audit log · mobile · editorial

API keys · web · editorial

API keys · mobile · editorial

Integrations · web · editorial

Integrations · mobile · editorial

Billing and plans settings — web, editorial (Fernway)

Billing plans · web · editorial

Billing and plans settings — mobile, editorial (Fernway)

Billing plans · mobile · editorial

Invoice · web · editorial

Invoice · mobile · editorial

Paywall / upgrade prompt — web, editorial (Fernway)

Paywall upgrade · web · editorial

Paywall / upgrade prompt — mobile, editorial (Fernway)

Paywall upgrade · mobile · editorial

Cancel subscription · web · editorial

Cancel subscription · mobile · editorial

Empty state (inbox zero) — web, editorial (Fernway)

Empty state · web · editorial

Empty state (inbox zero) — mobile, editorial (Fernway)

Empty state · mobile · editorial

404 page not found — web, editorial (Fernway)

404 error · web · editorial

404 page not found — mobile, editorial (Fernway)

404 error · mobile · editorial

Loading skeleton · web · editorial

Loading skeleton · mobile · editorial

Invites sent confirmation — web, editorial (Fernway)

Success confirmation · Invite sent · web · editorial

Password reset confirmation — web, editorial (Fernway)

Success confirmation · Password reset · web · editorial

Plan upgraded confirmation — web, editorial (Fernway)

Success confirmation · Plan upgraded · web · editorial

Subscription cancelled confirmation — web, editorial (Fernway)

Success confirmation · Subscription cancelled · web · editorial

Invites sent confirmation — mobile, editorial (Fernway)

Success confirmation · Invite sent · mobile · editorial

Password reset confirmation — mobile, editorial (Fernway)

Success confirmation · Password reset · mobile · editorial

Plan upgraded confirmation — mobile, editorial (Fernway)

Success confirmation · Plan upgraded · mobile · editorial

Subscription cancelled confirmation — mobile, editorial (Fernway)

Success confirmation · Subscription cancelled · mobile · editorial

AI generation workspace — web, editorial (Lumen Desk)

AI workspace · web · editorial

AI generation workspace — mobile, editorial (Lumen Desk)

AI workspace · mobile · editorial

AI model and assistant settings — web, editorial (Lumen Desk)

AI settings · web · editorial

AI model and assistant settings — mobile, editorial (Lumen Desk)

AI settings · mobile · editorial

Document version history and diff — web, editorial (Fernway)

Version history · web · editorial

Document version history and diff — mobile, editorial (Fernway)

Version history · mobile · editorial

Approval queue · web · editorial

Approval queue · mobile · editorial

Doctor directory (find a doctor) — web, editorial (Harbourline Health)

Doctor directory · web · editorial

Doctor directory (find a doctor) — mobile, editorial (Harbourline Health)

Doctor directory · mobile · editorial

After-visit summary (telehealth) — web, editorial (Harbourline Health)

Telehealth visit · Visit summary · web · editorial

Telehealth video call in progress — web, editorial (Harbourline Health)

Telehealth visit · In call · web · editorial

Telehealth waiting room (device check) — web, editorial (Harbourline Health)

Telehealth visit · Waiting room · web · editorial

After-visit summary (telehealth) — mobile, editorial (Harbourline Health)

Telehealth visit · Visit summary · mobile · editorial

Telehealth video call in progress — mobile, editorial (Harbourline Health)

Telehealth visit · In call · mobile · editorial

Telehealth waiting room (device check) — mobile, editorial (Harbourline Health)

Telehealth visit · Waiting room · mobile · editorial

Clinic / hospital homepage — web, editorial (Harbourline Health)

Clinic home · web · editorial

Clinic / hospital homepage — mobile, editorial (Harbourline Health)

Clinic home · mobile · editorial

Music player (now playing) — web, editorial (Tidewell)

Music player · web · editorial

Music player (now playing) — mobile, editorial (Tidewell)

Music player · mobile · editorial

Playlist / album detail — web, editorial (Tidewell)

Playlist · web · editorial

Playlist / album detail — mobile, editorial (Tidewell)

Playlist · mobile · editorial

Portfolio home · web · editorial

Portfolio home · mobile · editorial

Case study · web · editorial

Case study · mobile · editorial

Security vulnerabilities dashboard — web, editorial (Wardline)

Security dashboard · web · editorial

Security vulnerabilities dashboard — mobile, editorial (Wardline)

Security dashboard · mobile · editorial

Project tracker dashboard — web, editorial (Fernway)

Project tracker · web · editorial

Project tracker dashboard — mobile, editorial (Fernway)

Project tracker · mobile · editorial

Learning dashboard (LMS) — web, editorial (Brightpath)

Course dashboard · web · editorial

Learning dashboard (LMS) — mobile, editorial (Brightpath)

Course dashboard · mobile · editorial

Multi-step form wizard · web · editorial

Multi-step form wizard · mobile · editorial

Bank account opening welcome — web, editorial (Mintwell)

Bank onboarding · Welcome · web · editorial

Bank account ready (success) — web, editorial (Mintwell)

Bank onboarding · Account ready · web · editorial

Bank identity verification (KYC) step — web, editorial (Mintwell)

Bank onboarding · Verify identity · web · editorial

Bank account opening welcome — mobile, editorial (Mintwell)

Bank onboarding · Welcome · mobile · editorial

Bank account ready (success) — mobile, editorial (Mintwell)

Bank onboarding · Account ready · mobile · editorial

Bank identity verification (KYC) step — mobile, editorial (Mintwell)

Bank onboarding · Verify identity · mobile · editorial

Barcode / product scanner camera view — web, editorial (Dewline)

Product scan · Camera · web · editorial

Product scan result (ingredients and skin match) — web, editorial (Dewline)

Product scan · Result · web · editorial

Barcode / product scanner camera view — mobile, editorial (Dewline)

Product scan · Camera · mobile · editorial

Product scan result (ingredients and skin match) — mobile, editorial (Dewline)

Product scan · Result · mobile · editorial

Master–detail split view (docs list and detail pane) — web, editorial (Fernway)

Split view (master-detail) · web · editorial

Master–detail split view (docs list and detail pane) — mobile, editorial (Fernway)

Split view (master-detail) · mobile · editorial

Flow canvas editor (sitemap / onboarding diagram) — web, editorial (Fernway)

Canvas editor · web · editorial

Flow canvas editor (sitemap / onboarding diagram) — mobile, editorial (Fernway)

Canvas editor · mobile · editorial

Office floor plan (desk and room booking) — web, editorial (Fernway)

Floor plan · web · editorial

Office floor plan (desk and room booking) — mobile, editorial (Fernway)

Floor plan · mobile · editorial

Voice call in progress — web, editorial (Fernway)

Voice call · web · editorial

Voice call in progress — mobile, editorial (Fernway)

Voice call · mobile · editorial

Toast with undo (task deleted) — web, editorial (Fernway)

Toast / snackbar with undo · web · editorial

Toast with undo (task deleted) — mobile, editorial (Fernway)

Toast / snackbar with undo · mobile · editorial

Confirm delete dialog (destructive) — web, editorial (Fernway)

Confirm dialog (destructive) · web · editorial

Confirm delete dialog (destructive) — mobile, editorial (Fernway)

Confirm dialog (destructive) · mobile · editorial

Side drawer over a data table (record details) — web, editorial (Tallyfold)

Side drawer · web · editorial

Side drawer over a data table (record details) — mobile, editorial (Tallyfold)

Side drawer · mobile · editorial

Command palette (open) — web, editorial (Fernway)

Command palette · web · editorial

Command palette (open) — mobile, editorial (Fernway)

Command palette · mobile · editorial

Date range picker (open) — web, editorial (Tallyfold)

Date range picker · web · editorial

Date range picker (open) — mobile, editorial (Tallyfold)

Date range picker · mobile · editorial

Form with inline validation errors — web, editorial (Fernway)

Form validation errors · web · editorial

Form with inline validation errors — mobile, editorial (Fernway)

Form validation errors · mobile · editorial

Sign-in error · Account locked · web · editorial

Sign-in error · Wrong password · web · editorial

Two-factor error: code expired — web, editorial (Fernway)

Sign-in error · Code expired · web · editorial

Sign-in error · Account locked · mobile · editorial

Sign-in error · Wrong password · mobile · editorial

Two-factor error: code expired — mobile, editorial (Fernway)

Sign-in error · Code expired · mobile · editorial

Checkout: card declined — web, editorial (Juniper Supply)

Card declined at checkout · web · editorial

Checkout: card declined — mobile, editorial (Juniper Supply)

Card declined at checkout · mobile · editorial

Find a pro (home services directory) — web, editorial (Handmere)

Find a pro (home services) · web · editorial

Find a pro (home services directory) — mobile, editorial (Handmere)

Find a pro (home services) · mobile · editorial

Book a home-service visit · Details and arrival window · web · editorial

Booking error: arrival window just taken — web, editorial (Handmere)

Book a home-service visit · Arrival window just taken · web · editorial

Book a home-service visit · Details and arrival window · mobile · editorial

Booking error: arrival window just taken — mobile, editorial (Handmere)

Book a home-service visit · Arrival window just taken · mobile · editorial

Job done: pay, tip and rate — web, editorial (Handmere)

Job tracker · Job done, pay and rate · web · editorial

Job tracker · Pro on the way · web · editorial

Job done: pay, tip and rate — mobile, editorial (Handmere)

Job tracker · Job done, pay and rate · mobile · editorial

Job tracker · Pro on the way · mobile · editorial

Invoice email (paid) — web, editorial (Fernway)

Account email · Invoice · web · editorial

Magic link sign-in email — web, editorial (Fernway)

Account email · Magic link sign-in · web · editorial

Password reset email — web, editorial (Fernway)

Account email · Password reset · web · editorial

Verify email address email — web, editorial (Fernway)

Account email · Verify email · web · editorial

Welcome email — web, editorial (Fernway)

Account email · Welcome · web · editorial

Invoice email (paid) — mobile, editorial (Fernway)

Account email · Invoice · mobile · editorial

Magic link sign-in email — mobile, editorial (Fernway)

Account email · Magic link sign-in · mobile · editorial

Password reset email — mobile, editorial (Fernway)

Account email · Password reset · mobile · editorial

Verify email address email — mobile, editorial (Fernway)

Account email · Verify email · mobile · editorial

Welcome email — mobile, editorial (Fernway)

Account email · Welcome · mobile · editorial

Order receipt email — web, editorial (Juniper Supply)

Order email · Receipt · web · editorial

Shipping update email — web, editorial (Juniper Supply)

Order email · Shipping update · web · editorial

Order receipt email — mobile, editorial (Juniper Supply)

Order email · Receipt · mobile · editorial

Shipping update email — mobile, editorial (Juniper Supply)

Order email · Shipping update · mobile · editorial

Shift scheduler · web · editorial

Shift scheduler · mobile · editorial

Leave calendar · web · editorial

Leave calendar · mobile · editorial

Manager review (approve or decline) — web, editorial (Rosterline)

Time-off request · Manager review · web · editorial

Request conflicts with staffing — web, editorial (Rosterline)

Time-off request · Conflicts with staffing · web · editorial

Request time off — web, editorial (Rosterline)

Time-off request · Request · web · editorial

Manager review (approve or decline) — mobile, editorial (Rosterline)

Time-off request · Manager review · mobile · editorial

Request conflicts with staffing — mobile, editorial (Rosterline)

Time-off request · Conflicts with staffing · mobile · editorial

Request time off — mobile, editorial (Rosterline)

Time-off request · Request · mobile · editorial

Multi-location operations dashboard · web · editorial

Multi-location operations dashboard · mobile · editorial

Low stock list — web, editorial (Rosterline)

Inventory stock · Low stock · web · editorial

Receive stock (delivery form) — web, editorial (Rosterline)

Inventory stock · Receive stock · web · editorial

Low stock list — mobile, editorial (Rosterline)

Inventory stock · Low stock · mobile · editorial

Receive stock (delivery form) — mobile, editorial (Rosterline)

Inventory stock · Receive stock · mobile · editorial

Savings goal with projection — web, editorial (Mintwell)

Savings goal · web · editorial

Savings goal with projection — mobile, editorial (Mintwell)

Savings goal · mobile · editorial

Onboarding carousel · web · editorial

Onboarding carousel · mobile · editorial

Hero · web · editorial

Hero · mobile · editorial

Navigation header with mega menu — web, editorial (Patchbay)

Navigation header · web · editorial

Navigation header with mega menu — mobile, editorial (Patchbay)

Navigation header · mobile · editorial

Feature grid · web · editorial

Feature grid · mobile · editorial

Bento feature grid — web, editorial (Patchbay)

Bento features · web · editorial

Bento feature grid — mobile, editorial (Patchbay)

Bento features · mobile · editorial

How it works steps — web, editorial (Patchbay)

How it works · web · editorial

How it works steps — mobile, editorial (Patchbay)

How it works · mobile · editorial

Logo cloud · web · editorial

Logo cloud · mobile · editorial

Stats band · web · editorial

Stats band · mobile · editorial

Testimonials · web · editorial

Testimonials · mobile · editorial

Pricing section — web, editorial (Patchbay)

Pricing · web · editorial

Pricing section — mobile, editorial (Patchbay)

Pricing · mobile · editorial

Comparison table · web · editorial

Comparison table · mobile · editorial

Scored comparison table · web · editorial

Scored comparison table · mobile · editorial

Integrations directory — web, editorial (Patchbay)

Integrations grid · web · editorial

Integrations directory — mobile, editorial (Patchbay)

Integrations grid · mobile · editorial

Security and trust · web · editorial

Security and trust · mobile · editorial

FAQ accordion — web, editorial (Patchbay)

FAQ · web · editorial

FAQ accordion — mobile, editorial (Patchbay)

FAQ · mobile · editorial

Call-to-action banner — web, editorial (Patchbay)

CTA banner · web · editorial

Call-to-action banner — mobile, editorial (Patchbay)

CTA banner · mobile · editorial

About page with team grid — web, editorial (Patchbay)

About team · web · editorial

About page with team grid — mobile, editorial (Patchbay)

About team · mobile · editorial

Careers open roles — web, editorial (Patchbay)

Careers · web · editorial

Careers open roles — mobile, editorial (Patchbay)

Careers · mobile · editorial

Blog index · web · editorial

Blog index · mobile · editorial

Changelog timeline — web, editorial (Patchbay)

Changelog · web · editorial

Changelog timeline — mobile, editorial (Patchbay)

Changelog · mobile · editorial

Contact sales form — web, editorial (Patchbay)

Contact form · web · editorial

Contact sales form — mobile, editorial (Patchbay)

Contact form · mobile · editorial

Footer · web · editorial

Footer · mobile · editorial

Restaurant website · Home page · web · editorial

Restaurant website, Folio layout — web, editorial (Olive & Ember)

Restaurant website · Folio · web · editorial

Restaurant website · Home page · mobile · editorial

Restaurant website, Folio layout — mobile, editorial (Olive & Ember)

Restaurant website · Folio · mobile · editorial

Agency website home page — web, editorial (Quarry & Kite)

Agency website · web · editorial

Agency website home page — mobile, editorial (Quarry & Kite)

Agency website · mobile · editorial

Architecture website home page — web, editorial (Atelier Obra)

Architecture website · web · editorial

Architecture website home page — mobile, editorial (Atelier Obra)

Architecture website · mobile · editorial

Wedding website home page — web, editorial (Noor & Callum)

Wedding website · web · editorial

Wedding website home page — mobile, editorial (Noor & Callum)

Wedding website · mobile · editorial

E-commerce website home page — web, editorial (Juniper Supply)

Ecommerce website · web · editorial

E-commerce website home page — mobile, editorial (Juniper Supply)

Ecommerce website · mobile · editorial

Coffee shop website · Home page · web · editorial

Kiln & Crumb website, Folio layout — web, editorial (Kiln & Crumb)

Coffee shop website · Folio · web · editorial

Coffee shop website · Home page · mobile · editorial

Kiln & Crumb website, Folio layout — mobile, editorial (Kiln & Crumb)

Coffee shop website · Folio · mobile · editorial

Salon website home page — web, editorial (Studio Velour)

Salon website · web · editorial

Salon website home page — mobile, editorial (Studio Velour)

Salon website · mobile · editorial

Real estate website · Home page · web · editorial

Real estate website, Folio layout — web, editorial (Harrow & Vale)

Real estate website · Folio · web · editorial

Real estate website · Home page · mobile · editorial

Real estate website, Folio layout — mobile, editorial (Harrow & Vale)

Real estate website · Folio · mobile · editorial

Construction company website home page — web, editorial (Ironbark Builders)

Construction website · web · editorial

Construction company website home page — mobile, editorial (Ironbark Builders)

Construction website · mobile · editorial

Law firm website home page — web, editorial (Whitcombe Hale)

Law firm website · web · editorial

Law firm website home page — mobile, editorial (Whitcombe Hale)

Law firm website · mobile · editorial

Dental practice website home page — web, editorial (Fennick Dental)

Dental website · web · editorial

Dental website, Folio layout — web, editorial (Fennick Dental)

Dental website · Folio · web · editorial

Dental practice website home page — mobile, editorial (Fennick Dental)

Dental website · mobile · editorial

Dental website, Folio layout — mobile, editorial (Fennick Dental)

Dental website · Folio · mobile · editorial

Gym website home page — web, editorial (Ironyard Gym)

Gym website · web · editorial

Gym website home page — mobile, editorial (Ironyard Gym)

Gym website · mobile · editorial

School website home page — web, editorial (Alderbrook Academy)

School website · web · editorial

School website home page — mobile, editorial (Alderbrook Academy)

School website · mobile · editorial

Nonprofit website home page — web, editorial (Commonplate)

Nonprofit website · web · editorial

Nonprofit website home page — mobile, editorial (Commonplate)

Nonprofit website · mobile · editorial

Travel website home page — web, editorial (Driftmark Journeys)

Travel website · web · editorial

Travel website home page — mobile, editorial (Driftmark Journeys)

Travel website · mobile · editorial

Hotel website home page — web, editorial (Halcyon Quay)

Hotel website · web · editorial

Hotel website home page — mobile, editorial (Halcyon Quay)

Hotel website · mobile · editorial

SaaS landing page home page — web, editorial (Patchbay)

SaaS landing page · web · editorial

SaaS landing page home page — mobile, editorial (Patchbay)

SaaS landing page · mobile · editorial

AI website home page — web, editorial (Lumen Desk)

AI website · web · editorial

AI website home page — mobile, editorial (Lumen Desk)

AI website · mobile · editorial

Medical practice website home page — web, editorial (Marrowfield Medical)

Medical website · web · editorial

Medical website, Folio layout — web, editorial (Marrowfield Medical)

Medical website · Folio · web · editorial

Medical practice website home page — mobile, editorial (Marrowfield Medical)

Medical website · mobile · editorial

Medical website, Folio layout — mobile, editorial (Marrowfield Medical)

Medical website · Folio · mobile · editorial

Cardiology practice website home page — web, editorial (Quillon Heart)

Cardiology website · web · editorial

Cardiology website, Folio layout — web, editorial (Quillon Heart)

Cardiology website · Folio · web · editorial

Cardiology practice website home page — mobile, editorial (Quillon Heart)

Cardiology website · mobile · editorial

Cardiology website, Folio layout — mobile, editorial (Quillon Heart)

Cardiology website · Folio · mobile · editorial

Dermatology clinic website home page — web, editorial (Sorrel Lane Dermatology)

Dermatology website · web · editorial

Dermatology website, Folio layout — web, editorial (Sorrel Lane Dermatology)

Dermatology website · Folio · web · editorial

Dermatology clinic website home page — mobile, editorial (Sorrel Lane Dermatology)

Dermatology website · mobile · editorial

Dermatology website, Folio layout — mobile, editorial (Sorrel Lane Dermatology)

Dermatology website · Folio · mobile · editorial

Therapist website home page — web, editorial (Thistlewick Counselling)

Therapist website · web · editorial

Thistlewick Counselling website, Folio layout — web, editorial (Thistlewick Counselling)

Therapist website · Folio · web · editorial

Therapist website home page — mobile, editorial (Thistlewick Counselling)

Therapist website · mobile · editorial

Thistlewick Counselling website, Folio layout — mobile, editorial (Thistlewick Counselling)

Therapist website · Folio · mobile · editorial

Physical therapy clinic website home page — web, editorial (Kestrelgate Physio)

Physical therapy website · web · editorial

Physical therapy website, Folio layout — web, editorial (Kestrelgate Physio)

Physical therapy website · Folio · web · editorial

Physical therapy clinic website home page — mobile, editorial (Kestrelgate Physio)

Physical therapy website · mobile · editorial

Physical therapy website, Folio layout — mobile, editorial (Kestrelgate Physio)

Physical therapy website · Folio · mobile · editorial

Veterinary practice website home page — web, editorial (Bramblecote Vets)

Veterinary website · web · editorial

Veterinary website, Folio layout — web, editorial (Bramblecote Vets)

Veterinary website · Folio · web · editorial

Veterinary practice website home page — mobile, editorial (Bramblecote Vets)

Veterinary website · mobile · editorial

Veterinary website, Folio layout — mobile, editorial (Bramblecote Vets)

Veterinary website · Folio · mobile · editorial

Financial advisor website home page — web, editorial (Lindqvale Planning)

Financial advisor website · web · editorial

Financial advisor website home page — mobile, editorial (Lindqvale Planning)

Financial advisor website · mobile · editorial

Cleaning service website home page — web, editorial (Spruceway Cleaning)

Cleaning service website · web · editorial

Cleaning service website home page — mobile, editorial (Spruceway Cleaning)

Cleaning service website · mobile · editorial

HVAC company website home page — web, editorial (Northdraft Heating & Cooling)

HVAC website · web · editorial

HVAC company website home page — mobile, editorial (Northdraft Heating & Cooling)

HVAC website · mobile · editorial

Cybersecurity website home page — web, editorial (Wardline)

Cybersecurity website · web · editorial

Cybersecurity website home page — mobile, editorial (Wardline)

Cybersecurity website · mobile · editorial

CRM landing page home page — web, editorial (Pipeloom)

CRM landing page · web · editorial

CRM landing page home page — mobile, editorial (Pipeloom)

CRM landing page · mobile · editorial

Coaching website home page — web, editorial (Tallowmere Coaching)

Coaching website · web · editorial

Coaching website home page — mobile, editorial (Tallowmere Coaching)

Coaching website · mobile · editorial

Pest control website home page — web, editorial (Mothwell Pest Control)

Pest control website · web · editorial

Pest control website home page — mobile, editorial (Mothwell Pest Control)

Pest control website · mobile · editorial

Solar company website home page — web, editorial (Sunrake Solar)

Solar website · web · editorial

Solar company website home page — mobile, editorial (Sunrake Solar)

Solar website · mobile · editorial

AI agent website home page — web, editorial (Oarlock)

AI agent website · web · editorial

AI agent website home page — mobile, editorial (Oarlock)

AI agent website · mobile · editorial

Preschool website home page — web, editorial (Puddlewick Preschool)

Preschool website · web · editorial

Preschool website home page — mobile, editorial (Puddlewick Preschool)

Preschool website · mobile · editorial

Apartment community website home page — web, editorial (Cinderyard Residences)

Apartment website · web · editorial

Cinderyard Residences website, Folio layout — web, editorial (Cinderyard Residences)

Apartment website · Folio · web · editorial

Apartment community website home page — mobile, editorial (Cinderyard Residences)

Apartment website · mobile · editorial

Cinderyard Residences website, Folio layout — mobile, editorial (Cinderyard Residences)

Apartment website · Folio · mobile · editorial

Pediatrics website home page — web, editorial (Wrenfold Children's Clinic)

Pediatrics website · web · editorial

Pediatrics website, Folio layout — web, editorial (Wrenfold Children's Clinic)

Pediatrics website · Folio · web · editorial

Pediatrics website home page — mobile, editorial (Wrenfold Children's Clinic)

Pediatrics website · mobile · editorial

Pediatrics website, Folio layout — mobile, editorial (Wrenfold Children's Clinic)

Pediatrics website · Folio · mobile · editorial

Orthodontics website home page — web, editorial (Wraybrook Orthodontics)

Orthodontics website · web · editorial

Orthodontics website, Folio layout — web, editorial (Wraybrook Orthodontics)

Orthodontics website · Folio · web · editorial

Orthodontics website home page — mobile, editorial (Wraybrook Orthodontics)

Orthodontics website · mobile · editorial

Orthodontics website, Folio layout — mobile, editorial (Wraybrook Orthodontics)

Orthodontics website · Folio · mobile · editorial

Fertility clinic website home page — web, editorial (Moonfern Fertility)

Fertility clinic website · web · editorial

Fertility website, Folio layout — web, editorial (Moonfern Fertility)

Fertility clinic website · Folio · web · editorial

Fertility clinic website home page — mobile, editorial (Moonfern Fertility)

Fertility clinic website · mobile · editorial

Fertility website, Folio layout — mobile, editorial (Moonfern Fertility)

Fertility clinic website · Folio · mobile · editorial

Hospital website, Folio layout — web, editorial (Tarrowmere Community Hospital)

Hospital website · Folio · web · editorial

Hospital website, Folio layout — mobile, editorial (Tarrowmere Community Hospital)

Hospital website · Folio · mobile · editorial

Wrenhollow Mental Health website, Folio layout — web, editorial (Wrenhollow Mental Health)

Mental health website · Folio · web · editorial

Wrenhollow Mental Health website, Folio layout — mobile, editorial (Wrenhollow Mental Health)

Mental health website · Folio · mobile · editorial

Optometry website, Folio layout — web, editorial (Ollanby Eyecare)

Optometry website · Folio · web · editorial

Optometry website, Folio layout — mobile, editorial (Ollanby Eyecare)

Optometry website · Folio · mobile · editorial

Pharmacy website, Folio layout — web, editorial (Quenby Lane Pharmacy)

Pharmacy website · Folio · web · editorial

Pharmacy website, Folio layout — mobile, editorial (Quenby Lane Pharmacy)

Pharmacy website · Folio · mobile · editorial

Thistlewood Home Sales website, Folio layout — web, editorial (Thistlewood Home Sales)

Real estate agent website · Folio · web · editorial

Thistlewood Home Sales website, Folio layout — mobile, editorial (Thistlewood Home Sales)

Real estate agent website · Folio · mobile · editorial

Fenmoor & Hale website, Folio layout — web, editorial (Fenmoor & Hale)

Luxury real estate website · Folio · web · editorial

Fenmoor & Hale website, Folio layout — mobile, editorial (Fenmoor & Hale)

Luxury real estate website · Folio · mobile · editorial

Draymark Property website, Folio layout — web, editorial (Draymark Property)

Commercial real estate website · Folio · web · editorial

Draymark Property website, Folio layout — mobile, editorial (Draymark Property)

Commercial real estate website · Folio · mobile · editorial

Fernlow Stays website, Folio layout — web, editorial (Fernlow Stays)

Vacation rental website · Folio · web · editorial

Fernlow Stays website, Folio layout — mobile, editorial (Fernlow Stays)

Vacation rental website · Folio · mobile · editorial

Bakery website, Folio layout — web, editorial (Tallowmere Bakehouse)

Bakery website · Folio · web · editorial

Bakery website, Folio layout — mobile, editorial (Tallowmere Bakehouse)

Bakery website · Folio · mobile · editorial

Bar website, Folio layout — web, editorial (Oxbarrow Taphouse)

Bar website · Folio · web · editorial

Bar website, Folio layout — mobile, editorial (Oxbarrow Taphouse)

Bar website · Folio · mobile · editorial

Catering website, Folio layout — web, editorial (Quillhaven Catering)

Catering website · Folio · web · editorial

Catering website, Folio layout — mobile, editorial (Quillhaven Catering)

Catering website · Folio · mobile · editorial

Fine dining website, Folio layout — web, editorial (Vellacourt)

Fine dining website · Folio · web · editorial

Fine dining website, Folio layout — mobile, editorial (Vellacourt)

Fine dining website · Folio · mobile · editorial

Tabs component — web, editorial (Fernway)

Tabs · web · editorial

Tabs component — mobile, editorial (Fernway)

Tabs · mobile · editorial

Cards component — web, editorial (Juniper Supply)

Cards · web · editorial

Cards component — mobile, editorial (Juniper Supply)

Cards · mobile · editorial

Pagination component — web, editorial (Fieldnote)

Pagination · web · editorial

Pagination component — mobile, editorial (Fieldnote)

Pagination · mobile · editorial

Popover component — web, editorial (Patchbay)

Popover · web · editorial

Popover component — mobile, editorial (Patchbay)

Popover · mobile · editorial

Tooltip component — web, editorial (Tallyfold)

Tooltip · web · editorial

Tooltip component — mobile, editorial (Tallyfold)

Tooltip · mobile · editorial

Dropdown menu component — web, editorial (Fernway)

Dropdown menu · web · editorial

Dropdown menu component — mobile, editorial (Fernway)

Dropdown menu · mobile · editorial

Accordion component — web, editorial (Steadyfit)

Accordion · web · editorial

Accordion component — mobile, editorial (Steadyfit)

Accordion · mobile · editorial

Radio buttons component — web, editorial (Mintwell)

Radio buttons · web · editorial

Radio buttons component — mobile, editorial (Mintwell)

Radio buttons · mobile · editorial

Breadcrumbs component — web, editorial (Juniper Supply)

Breadcrumbs · web · editorial

Breadcrumbs component — mobile, editorial (Juniper Supply)

Breadcrumbs · mobile · editorial

Toggle switch component — web, editorial (Fernway)

Toggle switch · web · editorial

Toggle switch component — mobile, editorial (Fernway)

Toggle switch · mobile · editorial

Stepper component — web, editorial (Mintwell)

Stepper · web · editorial

Stepper component — mobile, editorial (Mintwell)

Stepper · mobile · editorial

Sidebar navigation component — web, editorial (Wardline)

Sidebar navigation · web · editorial

Sidebar navigation component — mobile, editorial (Wardline)

Sidebar navigation · mobile · editorial

Loading spinner component — web, editorial (Lumen Desk)

Loading spinner · web · editorial

Loading spinner component — mobile, editorial (Lumen Desk)

Loading spinner · mobile · editorial

Browse by pattern

App screens

Dashboard
Data table
Analytics charts
Login
Sign up
Forgot password
Two-factor code
Welcome
Onboarding step
Permissions request
Home
Feed
List view
Detail view
Kanban board
Calendar
File manager
Search results
Editor toolbar
AI chat assistant
Chat list
Chat thread
Video call
Image viewer
Map view
Video player
Create post
Class schedule
Booking details
Booking confirmed
Product detail
Cart
Checkout
Order confirmation
Settings
Profile
Notifications center
Team members
Roles permissions
Audit log
API keys
Integrations
Billing plans
Invoice
Paywall upgrade
Cancel subscription
Empty state
404 error
Loading skeleton
Success confirmation
AI workspace
AI settings
Version history
Approval queue
Doctor directory
Telehealth visit
Clinic home
Music player
Playlist
Portfolio home
Case study
Security dashboard
Project tracker
Course dashboard
Multi-step form wizard
Bank onboarding
Product scan
Split view (master-detail)
Canvas editor
Floor plan
Voice call
Toast / snackbar with undo
Confirm dialog (destructive)
Side drawer
Command palette
Date range picker
Form validation errors
Sign-in error
Card declined at checkout
Find a pro (home services)
Book a home-service visit
Job tracker
Account email
Order email
Shift scheduler
Leave calendar
Time-off request
Multi-location operations dashboard
Inventory stock
Savings goal
Onboarding carousel

UI components

Tabs
Cards
Pagination
Popover
Tooltip
Dropdown menu
Accordion
Radio buttons
Breadcrumbs
Toggle switch
Stepper
Sidebar navigation
Loading spinner

Website sections

Website templates

Browse by category, device and style

Building with an AI coding agent? Every screen here is also in the free Made Good Designs MCP server: ask Claude, Cursor or ChatGPT to search_ui_screens (e.g. “billing settings, editorial style”), get_ui_flow for a whole journey, and get_ui_screen_code to pull the HTML and DESIGN.md straight into your project.

Editorial web design examples

Browse by pattern

Browse by category, device and style

Save to board