Luxury website design examples

Dark, refined luxury interfaces with fine type, gold accents and slow rhythm. 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

408 screens

Theme

Dashboard · web · luxury

Dashboard · mobile · luxury

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

Data table · web · luxury

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

Data table · mobile · luxury

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

Analytics charts · web · luxury

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

Analytics charts · mobile · luxury

Login · web · luxury

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

Login · mobile · luxury

Sign up · web · luxury

Sign up · mobile · luxury

Forgot password · web · luxury

Forgot password · mobile · luxury

Two-factor verification — web, luxury (Fernway)

Two-factor code · web · luxury

Two-factor verification — mobile, luxury (Fernway)

Two-factor code · mobile · luxury

Welcome · web · luxury

Welcome · mobile · luxury

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

Onboarding step · web · luxury

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

Onboarding step · mobile · luxury

Notification permission request — web, luxury (Fernway)

Permissions request · web · luxury

Notification permission request — mobile, luxury (Fernway)

Permissions request · mobile · luxury

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

Home · web · luxury

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

Home · mobile · luxury

Feed · web · luxury

Feed · mobile · luxury

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

List view · web · luxury

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

List view · mobile · luxury

Detail view · web · luxury

Detail view · mobile · luxury

Kanban board · web · luxury

Kanban board · mobile · luxury

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

Calendar · web · luxury

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

Calendar · mobile · luxury

File manager · web · luxury

File manager · mobile · luxury

Search results · web · luxury

Search results · mobile · luxury

Document editor with toolbar — web, luxury (Fernway)

Editor toolbar · web · luxury

Document editor with toolbar — mobile, luxury (Fernway)

Editor toolbar · mobile · luxury

AI chat assistant · web · luxury

AI chat assistant · mobile · luxury

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

Chat list · web · luxury

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

Chat list · mobile · luxury

Team chat channel thread — web, luxury (Fernway)

Chat thread · web · luxury

Team chat channel thread — mobile, luxury (Fernway)

Chat thread · mobile · luxury

Video call in progress — web, luxury (Fernway)

Video call · web · luxury

Video call in progress — mobile, luxury (Fernway)

Video call · mobile · luxury

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

Image viewer · web · luxury

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

Image viewer · mobile · luxury

Map view · web · luxury

Explore map — mobile, luxury (Fieldnote)

Map view · mobile · luxury

Video player · web · luxury

Video player · mobile · luxury

Create photo post — web, luxury (Fieldnote)

Create post · web · luxury

Create photo post — mobile, luxury (Fieldnote)

Create post · mobile · luxury

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

Class schedule · web · luxury

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

Class schedule · mobile · luxury

Booking details · web · luxury

Booking details · mobile · luxury

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

Booking confirmed · web · luxury

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

Booking confirmed · mobile · luxury

Product detail page — web, luxury (Juniper Supply)

Product detail · web · luxury

Product detail page — mobile, luxury (Juniper Supply)

Product detail · mobile · luxury

Cart · web · luxury

Cart · mobile · luxury

Checkout · web · luxury

Checkout · mobile · luxury

Order confirmation · web · luxury

Order confirmation · mobile · luxury

Settings · web · luxury

Settings · mobile · luxury

Profile · web · luxury

Profile · mobile · luxury

Notifications center · web · luxury

Notifications center · mobile · luxury

Team members and invite — web, luxury (Fernway)

Team members · web · luxury

Team members and invite — mobile, luxury (Fernway)

Team members · mobile · luxury

Roles and permissions — web, luxury (Fernway)

Roles permissions · web · luxury

Roles and permissions — mobile, luxury (Fernway)

Roles permissions · mobile · luxury

Audit log · web · luxury

Audit log · mobile · luxury

API keys · web · luxury

API keys · mobile · luxury

Integrations · web · luxury

Integrations · mobile · luxury

Billing and plans settings — web, luxury (Fernway)

Billing plans · web · luxury

Billing and plans settings — mobile, luxury (Fernway)

Billing plans · mobile · luxury

Invoice · web · luxury

Invoice · mobile · luxury

Paywall / upgrade prompt — web, luxury (Fernway)

Paywall upgrade · web · luxury

Paywall / upgrade prompt — mobile, luxury (Fernway)

Paywall upgrade · mobile · luxury

Cancel subscription · web · luxury

Cancel subscription · mobile · luxury

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

Empty state · web · luxury

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

Empty state · mobile · luxury

404 page not found — web, luxury (Fernway)

404 error · web · luxury

404 page not found — mobile, luxury (Fernway)

404 error · mobile · luxury

Loading skeleton · web · luxury

Loading skeleton · mobile · luxury

Invites sent confirmation — web, luxury (Fernway)

Success confirmation · Invite sent · web · luxury

Password reset confirmation — web, luxury (Fernway)

Success confirmation · Password reset · web · luxury

Plan upgraded confirmation — web, luxury (Fernway)

Success confirmation · Plan upgraded · web · luxury

Subscription cancelled confirmation — web, luxury (Fernway)

Success confirmation · Subscription cancelled · web · luxury

Invites sent confirmation — mobile, luxury (Fernway)

Success confirmation · Invite sent · mobile · luxury

Password reset confirmation — mobile, luxury (Fernway)

Success confirmation · Password reset · mobile · luxury

Plan upgraded confirmation — mobile, luxury (Fernway)

Success confirmation · Plan upgraded · mobile · luxury

Subscription cancelled confirmation — mobile, luxury (Fernway)

Success confirmation · Subscription cancelled · mobile · luxury

AI generation workspace — web, luxury (Lumen Desk)

AI workspace · web · luxury

AI generation workspace — mobile, luxury (Lumen Desk)

AI workspace · mobile · luxury

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

AI settings · web · luxury

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

AI settings · mobile · luxury

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

Version history · web · luxury

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

Version history · mobile · luxury

Approval queue · web · luxury

Approval queue · mobile · luxury

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

Doctor directory · web · luxury

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

Doctor directory · mobile · luxury

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

Telehealth visit · Visit summary · web · luxury

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

Telehealth visit · In call · web · luxury

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

Telehealth visit · Waiting room · web · luxury

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

Telehealth visit · Visit summary · mobile · luxury

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

Telehealth visit · In call · mobile · luxury

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

Telehealth visit · Waiting room · mobile · luxury

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

Clinic home · web · luxury

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

Clinic home · mobile · luxury

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

Music player · web · luxury

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

Music player · mobile · luxury

Playlist / album detail — web, luxury (Tidewell)

Playlist · web · luxury

Playlist / album detail — mobile, luxury (Tidewell)

Playlist · mobile · luxury

Portfolio home · web · luxury

Portfolio home · mobile · luxury

Case study · web · luxury

Case study · mobile · luxury

Security vulnerabilities dashboard — web, luxury (Wardline)

Security dashboard · web · luxury

Security vulnerabilities dashboard — mobile, luxury (Wardline)

Security dashboard · mobile · luxury

Project tracker dashboard — web, luxury (Fernway)

Project tracker · web · luxury

Project tracker dashboard — mobile, luxury (Fernway)

Project tracker · mobile · luxury

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

Course dashboard · web · luxury

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

Course dashboard · mobile · luxury

Multi-step form wizard · web · luxury

Multi-step form wizard · mobile · luxury

Bank account opening welcome — web, luxury (Mintwell)

Bank onboarding · Welcome · web · luxury

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

Bank onboarding · Account ready · web · luxury

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

Bank onboarding · Verify identity · web · luxury

Bank account opening welcome — mobile, luxury (Mintwell)

Bank onboarding · Welcome · mobile · luxury

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

Bank onboarding · Account ready · mobile · luxury

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

Bank onboarding · Verify identity · mobile · luxury

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

Product scan · Camera · web · luxury

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

Product scan · Result · web · luxury

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

Product scan · Camera · mobile · luxury

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

Product scan · Result · mobile · luxury

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

Split view (master-detail) · web · luxury

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

Split view (master-detail) · mobile · luxury

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

Canvas editor · web · luxury

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

Canvas editor · mobile · luxury

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

Floor plan · web · luxury

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

Floor plan · mobile · luxury

Voice call in progress — web, luxury (Fernway)

Voice call · web · luxury

Voice call in progress — mobile, luxury (Fernway)

Voice call · mobile · luxury

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

Toast / snackbar with undo · web · luxury

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

Toast / snackbar with undo · mobile · luxury

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

Confirm dialog (destructive) · web · luxury

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

Confirm dialog (destructive) · mobile · luxury

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

Side drawer · web · luxury

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

Side drawer · mobile · luxury

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

Command palette · web · luxury

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

Command palette · mobile · luxury

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

Date range picker · web · luxury

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

Date range picker · mobile · luxury

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

Form validation errors · web · luxury

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

Form validation errors · mobile · luxury

Sign-in error · Account locked · web · luxury

Sign-in error · Wrong password · web · luxury

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

Sign-in error · Code expired · web · luxury

Sign-in error · Account locked · mobile · luxury

Sign-in error · Wrong password · mobile · luxury

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

Sign-in error · Code expired · mobile · luxury

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

Card declined at checkout · web · luxury

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

Card declined at checkout · mobile · luxury

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

Find a pro (home services) · web · luxury

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

Find a pro (home services) · mobile · luxury

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

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

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

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

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

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

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

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

Job tracker · Pro on the way · web · luxury

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

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

Job tracker · Pro on the way · mobile · luxury

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

Account email · Invoice · web · luxury

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

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

Password reset email — web, luxury (Fernway)

Account email · Password reset · web · luxury

Verify email address email — web, luxury (Fernway)

Account email · Verify email · web · luxury

Account email · Welcome · web · luxury

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

Account email · Invoice · mobile · luxury

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

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

Password reset email — mobile, luxury (Fernway)

Account email · Password reset · mobile · luxury

Verify email address email — mobile, luxury (Fernway)

Account email · Verify email · mobile · luxury

Welcome email — mobile, luxury (Fernway)

Account email · Welcome · mobile · luxury

Order receipt email — web, luxury (Juniper Supply)

Order email · Receipt · web · luxury

Shipping update email — web, luxury (Juniper Supply)

Order email · Shipping update · web · luxury

Order receipt email — mobile, luxury (Juniper Supply)

Order email · Receipt · mobile · luxury

Shipping update email — mobile, luxury (Juniper Supply)

Order email · Shipping update · mobile · luxury

Shift scheduler · web · luxury

Shift scheduler · mobile · luxury

Leave calendar · web · luxury

Leave calendar · mobile · luxury

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

Time-off request · Manager review · web · luxury

Request conflicts with staffing — web, luxury (Rosterline)

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

Request time off — web, luxury (Rosterline)

Time-off request · Request · web · luxury

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

Time-off request · Manager review · mobile · luxury

Request conflicts with staffing — mobile, luxury (Rosterline)

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

Request time off — mobile, luxury (Rosterline)

Time-off request · Request · mobile · luxury

Multi-location operations dashboard · web · luxury

Multi-location operations dashboard · mobile · luxury

Low stock list — web, luxury (Rosterline)

Inventory stock · Low stock · web · luxury

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

Inventory stock · Receive stock · web · luxury

Low stock list — mobile, luxury (Rosterline)

Inventory stock · Low stock · mobile · luxury

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

Inventory stock · Receive stock · mobile · luxury

Savings goal with projection — web, luxury (Mintwell)

Savings goal · web · luxury

Savings goal with projection — mobile, luxury (Mintwell)

Savings goal · mobile · luxury

Onboarding carousel · web · luxury

Onboarding carousel · mobile · luxury

Hero · web · luxury

Hero · mobile · luxury

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

Navigation header · web · luxury

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

Navigation header · mobile · luxury

Feature grid · web · luxury

Feature grid · mobile · luxury

Bento feature grid — web, luxury (Patchbay)

Bento features · web · luxury

Bento feature grid — mobile, luxury (Patchbay)

Bento features · mobile · luxury

How it works steps — web, luxury (Patchbay)

How it works · web · luxury

How it works steps — mobile, luxury (Patchbay)

How it works · mobile · luxury

Logo cloud · web · luxury

Logo cloud · mobile · luxury

Stats band · web · luxury

Stats band · mobile · luxury

Testimonials · web · luxury

Testimonials · mobile · luxury

Pricing section — web, luxury (Patchbay)

Pricing · web · luxury

Pricing section — mobile, luxury (Patchbay)

Pricing · mobile · luxury

Comparison table · web · luxury

Comparison table · mobile · luxury

Scored comparison table · web · luxury

Scored comparison table · mobile · luxury

Integrations directory — web, luxury (Patchbay)

Integrations grid · web · luxury

Integrations directory — mobile, luxury (Patchbay)

Integrations grid · mobile · luxury

Security and trust · web · luxury

Security and trust · mobile · luxury

FAQ · web · luxury

FAQ accordion — mobile, luxury (Patchbay)

FAQ · mobile · luxury

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

CTA banner · web · luxury

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

CTA banner · mobile · luxury

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

About team · web · luxury

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

About team · mobile · luxury

Careers open roles — web, luxury (Patchbay)

Careers · web · luxury

Careers open roles — mobile, luxury (Patchbay)

Careers · mobile · luxury

Blog index · web · luxury

Blog index · mobile · luxury

Changelog timeline — web, luxury (Patchbay)

Changelog · web · luxury

Changelog timeline — mobile, luxury (Patchbay)

Changelog · mobile · luxury

Contact sales form — web, luxury (Patchbay)

Contact form · web · luxury

Contact sales form — mobile, luxury (Patchbay)

Contact form · mobile · luxury

Footer · web · luxury

Footer · mobile · luxury

Restaurant website · Home page · web · luxury

Restaurant website, Reserve layout — web, luxury (Olive & Ember)

Restaurant website · Reserve · web · luxury

Restaurant website · Home page · mobile · luxury

Restaurant website, Reserve layout — mobile, luxury (Olive & Ember)

Restaurant website · Reserve · mobile · luxury

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

Agency website · web · luxury

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

Agency website · mobile · luxury

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

Architecture website · web · luxury

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

Architecture website · mobile · luxury

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

Wedding website · web · luxury

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

Wedding website · mobile · luxury

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

Ecommerce website · web · luxury

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

Ecommerce website · mobile · luxury

Coffee shop website · Home page · web · luxury

Kiln & Crumb website, Concierge layout — web, luxury (Kiln & Crumb)

Coffee shop website · Concierge · web · luxury

Kiln & Crumb website, Reserve layout — web, luxury (Kiln & Crumb)

Coffee shop website · Reserve · web · luxury

Coffee shop website · Home page · mobile · luxury

Kiln & Crumb website, Concierge layout — mobile, luxury (Kiln & Crumb)

Coffee shop website · Concierge · mobile · luxury

Kiln & Crumb website, Reserve layout — mobile, luxury (Kiln & Crumb)

Coffee shop website · Reserve · mobile · luxury

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

Salon website · web · luxury

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

Salon website · mobile · luxury

Real estate website · Home page · web · luxury

Real estate website · Home page · mobile · luxury

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

Construction website · web · luxury

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

Construction website · mobile · luxury

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

Law firm website · web · luxury

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

Law firm website · mobile · luxury

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

Dental website · web · luxury

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

Dental website · mobile · luxury

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

Gym website · web · luxury

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

Gym website · mobile · luxury

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

School website · web · luxury

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

School website · mobile · luxury

Nonprofit website home page — web, luxury (Commonplate)

Nonprofit website · web · luxury

Nonprofit website home page — mobile, luxury (Commonplate)

Nonprofit website · mobile · luxury

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

Travel website · web · luxury

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

Travel website · mobile · luxury

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

Hotel website · web · luxury

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

Hotel website · mobile · luxury

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

SaaS landing page · web · luxury

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

SaaS landing page · mobile · luxury

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

AI website · web · luxury

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

AI website · mobile · luxury

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

Medical website · web · luxury

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

Medical website · mobile · luxury

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

Cardiology website · web · luxury

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

Cardiology website · mobile · luxury

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

Dermatology website · web · luxury

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

Dermatology website · mobile · luxury

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

Therapist website · web · luxury

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

Therapist website · mobile · luxury

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

Physical therapy website · web · luxury

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

Physical therapy website · mobile · luxury

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

Veterinary website · web · luxury

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

Veterinary website · mobile · luxury

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

Financial advisor website · web · luxury

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

Financial advisor website · mobile · luxury

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

Cleaning service website · web · luxury

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

Cleaning service website · mobile · luxury

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

HVAC website · web · luxury

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

HVAC website · mobile · luxury

Cybersecurity website home page — web, luxury (Wardline)

Cybersecurity website · web · luxury

Cybersecurity website home page — mobile, luxury (Wardline)

Cybersecurity website · mobile · luxury

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

CRM landing page · web · luxury

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

CRM landing page · mobile · luxury

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

Coaching website · web · luxury

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

Coaching website · mobile · luxury

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

Pest control website · web · luxury

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

Pest control website · mobile · luxury

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

Solar website · web · luxury

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

Solar website · mobile · luxury

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

AI agent website · web · luxury

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

AI agent website · mobile · luxury

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

Preschool website · web · luxury

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

Preschool website · mobile · luxury

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

Apartment website · web · luxury

Cinderyard Residences website, Concierge layout — web, luxury (Cinderyard Residences)

Apartment website · Concierge · web · luxury

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

Apartment website · mobile · luxury

Cinderyard Residences website, Concierge layout — mobile, luxury (Cinderyard Residences)

Apartment website · Concierge · mobile · luxury

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

Pediatrics website · web · luxury

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

Pediatrics website · mobile · luxury

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

Orthodontics website · web · luxury

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

Orthodontics website · mobile · luxury

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

Fertility clinic website · web · luxury

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

Fertility clinic website · mobile · luxury

Hospital website, Concierge layout — web, luxury (Tarrowmere Community Hospital)

Hospital website · Concierge · web · luxury

Hospital website, Concierge layout — mobile, luxury (Tarrowmere Community Hospital)

Hospital website · Concierge · mobile · luxury

Wrenhollow Mental Health website, Concierge layout — web, luxury (Wrenhollow Mental Health)

Mental health website · Concierge · web · luxury

Wrenhollow Mental Health website, Concierge layout — mobile, luxury (Wrenhollow Mental Health)

Mental health website · Concierge · mobile · luxury

Optometry website, Concierge layout — web, luxury (Ollanby Eyecare)

Optometry website · Concierge · web · luxury

Optometry website, Concierge layout — mobile, luxury (Ollanby Eyecare)

Optometry website · Concierge · mobile · luxury

Pharmacy website, Concierge layout — web, luxury (Quenby Lane Pharmacy)

Pharmacy website · Concierge · web · luxury

Pharmacy website, Concierge layout — mobile, luxury (Quenby Lane Pharmacy)

Pharmacy website · Concierge · mobile · luxury

Thistlewood Home Sales website, Concierge layout — web, luxury (Thistlewood Home Sales)

Real estate agent website · Concierge · web · luxury

Thistlewood Home Sales website, Concierge layout — mobile, luxury (Thistlewood Home Sales)

Real estate agent website · Concierge · mobile · luxury

Wrenfold Lettings website, Concierge layout — web, luxury (Wrenfold Lettings)

Property management website · Concierge · web · luxury

Wrenfold Lettings website, Concierge layout — mobile, luxury (Wrenfold Lettings)

Property management website · Concierge · mobile · luxury

Fenmoor & Hale website, Concierge layout — web, luxury (Fenmoor & Hale)

Luxury real estate website · Concierge · web · luxury

Fenmoor & Hale website, Concierge layout — mobile, luxury (Fenmoor & Hale)

Luxury real estate website · Concierge · mobile · luxury

Fernlow Stays website, Concierge layout — web, luxury (Fernlow Stays)

Vacation rental website · Concierge · web · luxury

Fernlow Stays website, Concierge layout — mobile, luxury (Fernlow Stays)

Vacation rental website · Concierge · mobile · luxury

Bakery website, Reserve layout — web, luxury (Tallowmere Bakehouse)

Bakery website · Reserve · web · luxury

Bakery website, Reserve layout — mobile, luxury (Tallowmere Bakehouse)

Bakery website · Reserve · mobile · luxury

Pizzeria website, Reserve layout — web, luxury (Ferrowick Pizza)

Pizzeria website · Reserve · web · luxury

Pizzeria website, Reserve layout — mobile, luxury (Ferrowick Pizza)

Pizzeria website · Reserve · mobile · luxury

Bar website, Concierge layout — web, luxury (Oxbarrow Taphouse)

Bar website · Concierge · web · luxury

Bar website, Reserve layout — web, luxury (Oxbarrow Taphouse)

Bar website · Reserve · web · luxury

Bar website, Concierge layout — mobile, luxury (Oxbarrow Taphouse)

Bar website · Concierge · mobile · luxury

Bar website, Reserve layout — mobile, luxury (Oxbarrow Taphouse)

Bar website · Reserve · mobile · luxury

Catering website, Concierge layout — web, luxury (Quillhaven Catering)

Catering website · Concierge · web · luxury

Catering website, Reserve layout — web, luxury (Quillhaven Catering)

Catering website · Reserve · web · luxury

Catering website, Concierge layout — mobile, luxury (Quillhaven Catering)

Catering website · Concierge · mobile · luxury

Catering website, Reserve layout — mobile, luxury (Quillhaven Catering)

Catering website · Reserve · mobile · luxury

Food truck website, Reserve layout — web, luxury (Kettlewren Street Kitchen)

Food truck website · Reserve · web · luxury

Food truck website, Reserve layout — mobile, luxury (Kettlewren Street Kitchen)

Food truck website · Reserve · mobile · luxury

Fine dining website, Concierge layout — web, luxury (Vellacourt)

Fine dining website · Concierge · web · luxury

Fine dining website, Reserve layout — web, luxury (Vellacourt)

Fine dining website · Reserve · web · luxury

Fine dining website, Concierge layout — mobile, luxury (Vellacourt)

Fine dining website · Concierge · mobile · luxury

Fine dining website, Reserve layout — mobile, luxury (Vellacourt)

Fine dining website · Reserve · mobile · luxury

Tabs · web · luxury

Tabs component — mobile, luxury (Fernway)

Tabs · mobile · luxury

Cards component — web, luxury (Juniper Supply)

Cards · web · luxury

Cards component — mobile, luxury (Juniper Supply)

Cards · mobile · luxury

Pagination component — web, luxury (Fieldnote)

Pagination · web · luxury

Pagination component — mobile, luxury (Fieldnote)

Pagination · mobile · luxury

Popover component — web, luxury (Patchbay)

Popover · web · luxury

Popover component — mobile, luxury (Patchbay)

Popover · mobile · luxury

Tooltip component — web, luxury (Tallyfold)

Tooltip · web · luxury

Tooltip component — mobile, luxury (Tallyfold)

Tooltip · mobile · luxury

Dropdown menu component — web, luxury (Fernway)

Dropdown menu · web · luxury

Dropdown menu component — mobile, luxury (Fernway)

Dropdown menu · mobile · luxury

Accordion component — web, luxury (Steadyfit)

Accordion · web · luxury

Accordion component — mobile, luxury (Steadyfit)

Accordion · mobile · luxury

Radio buttons component — web, luxury (Mintwell)

Radio buttons · web · luxury

Radio buttons component — mobile, luxury (Mintwell)

Radio buttons · mobile · luxury

Breadcrumbs component — web, luxury (Juniper Supply)

Breadcrumbs · web · luxury

Breadcrumbs component — mobile, luxury (Juniper Supply)

Breadcrumbs · mobile · luxury

Toggle switch component — web, luxury (Fernway)

Toggle switch · web · luxury

Toggle switch component — mobile, luxury (Fernway)

Toggle switch · mobile · luxury

Stepper component — web, luxury (Mintwell)

Stepper · web · luxury

Stepper component — mobile, luxury (Mintwell)

Stepper · mobile · luxury

Sidebar navigation component — web, luxury (Wardline)

Sidebar navigation · web · luxury

Sidebar navigation component — mobile, luxury (Wardline)

Sidebar navigation · mobile · luxury

Loading spinner component — web, luxury (Lumen Desk)

Loading spinner · web · luxury

Loading spinner component — mobile, luxury (Lumen Desk)

Loading spinner · mobile · luxury

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.

Luxury website design examples

Browse by pattern

Browse by category, device and style

Save to board