Brutalist web design examples

Raw, high-contrast brutalist and neo-brutalist screens with thick borders and hard shadows. 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

382 screens

Theme

Dashboard · web · brutalist

Dashboard · mobile · brutalist

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

Data table · web · brutalist

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

Data table · mobile · brutalist

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

Analytics charts · web · brutalist

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

Analytics charts · mobile · brutalist

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

Login · web · brutalist

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

Login · mobile · brutalist

Sign up · web · brutalist

Sign up · mobile · brutalist

Forgot password · web · brutalist

Forgot password · mobile · brutalist

Two-factor verification — web, brutalist (Fernway)

Two-factor code · web · brutalist

Two-factor verification — mobile, brutalist (Fernway)

Two-factor code · mobile · brutalist

Welcome · web · brutalist

Welcome · mobile · brutalist

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

Onboarding step · web · brutalist

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

Onboarding step · mobile · brutalist

Notification permission request — web, brutalist (Fernway)

Permissions request · web · brutalist

Notification permission request — mobile, brutalist (Fernway)

Permissions request · mobile · brutalist

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

Home · web · brutalist

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

Home · mobile · brutalist

Feed · web · brutalist

Feed · mobile · brutalist

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

List view · web · brutalist

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

List view · mobile · brutalist

Detail view · web · brutalist

Task detail — mobile, brutalist (Fernway)

Detail view · mobile · brutalist

Kanban board · web · brutalist

Kanban board · mobile · brutalist

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

Calendar · web · brutalist

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

Calendar · mobile · brutalist

File manager · web · brutalist

File manager · mobile · brutalist

Search results · web · brutalist

Search results · mobile · brutalist

Document editor with toolbar — web, brutalist (Fernway)

Editor toolbar · web · brutalist

Document editor with toolbar — mobile, brutalist (Fernway)

Editor toolbar · mobile · brutalist

AI chat assistant · web · brutalist

AI chat assistant · mobile · brutalist

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

Chat list · web · brutalist

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

Chat list · mobile · brutalist

Team chat channel thread — web, brutalist (Fernway)

Chat thread · web · brutalist

Team chat channel thread — mobile, brutalist (Fernway)

Chat thread · mobile · brutalist

Video call in progress — web, brutalist (Fernway)

Video call · web · brutalist

Video call in progress — mobile, brutalist (Fernway)

Video call · mobile · brutalist

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

Image viewer · web · brutalist

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

Image viewer · mobile · brutalist

Explore map — web, brutalist (Fieldnote)

Map view · web · brutalist

Explore map — mobile, brutalist (Fieldnote)

Map view · mobile · brutalist

Video player · web · brutalist

Video player · mobile · brutalist

Create photo post — web, brutalist (Fieldnote)

Create post · web · brutalist

Create photo post — mobile, brutalist (Fieldnote)

Create post · mobile · brutalist

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

Class schedule · web · brutalist

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

Class schedule · mobile · brutalist

Booking details · web · brutalist

Booking details · mobile · brutalist

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

Booking confirmed · web · brutalist

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

Booking confirmed · mobile · brutalist

Product detail page — web, brutalist (Juniper Supply)

Product detail · web · brutalist

Product detail page — mobile, brutalist (Juniper Supply)

Product detail · mobile · brutalist

Cart · web · brutalist

Cart · mobile · brutalist

Checkout · web · brutalist

Checkout · mobile · brutalist

Order confirmation · web · brutalist

Order confirmation · mobile · brutalist

Settings · web · brutalist

Settings · mobile · brutalist

Profile · web · brutalist

Profile · mobile · brutalist

Notifications center · web · brutalist

Notifications center · mobile · brutalist

Team members and invite — web, brutalist (Fernway)

Team members · web · brutalist

Team members and invite — mobile, brutalist (Fernway)

Team members · mobile · brutalist

Roles and permissions — web, brutalist (Fernway)

Roles permissions · web · brutalist

Roles and permissions — mobile, brutalist (Fernway)

Roles permissions · mobile · brutalist

Audit log · web · brutalist

Audit log · mobile · brutalist

API keys · web · brutalist

API keys · mobile · brutalist

Integrations · web · brutalist

Integrations · mobile · brutalist

Billing and plans settings — web, brutalist (Fernway)

Billing plans · web · brutalist

Billing and plans settings — mobile, brutalist (Fernway)

Billing plans · mobile · brutalist

Invoice · web · brutalist

Invoice · mobile · brutalist

Paywall / upgrade prompt — web, brutalist (Fernway)

Paywall upgrade · web · brutalist

Paywall / upgrade prompt — mobile, brutalist (Fernway)

Paywall upgrade · mobile · brutalist

Cancel subscription · web · brutalist

Cancel subscription · mobile · brutalist

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

Empty state · web · brutalist

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

Empty state · mobile · brutalist

404 page not found — web, brutalist (Fernway)

404 error · web · brutalist

404 page not found — mobile, brutalist (Fernway)

404 error · mobile · brutalist

Loading skeleton · web · brutalist

Loading skeleton · mobile · brutalist

Invites sent confirmation — web, brutalist (Fernway)

Success confirmation · Invite sent · web · brutalist

Password reset confirmation — web, brutalist (Fernway)

Success confirmation · Password reset · web · brutalist

Plan upgraded confirmation — web, brutalist (Fernway)

Success confirmation · Plan upgraded · web · brutalist

Subscription cancelled confirmation — web, brutalist (Fernway)

Success confirmation · Subscription cancelled · web · brutalist

Invites sent confirmation — mobile, brutalist (Fernway)

Success confirmation · Invite sent · mobile · brutalist

Password reset confirmation — mobile, brutalist (Fernway)

Success confirmation · Password reset · mobile · brutalist

Plan upgraded confirmation — mobile, brutalist (Fernway)

Success confirmation · Plan upgraded · mobile · brutalist

Subscription cancelled confirmation — mobile, brutalist (Fernway)

Success confirmation · Subscription cancelled · mobile · brutalist

AI generation workspace — web, brutalist (Lumen Desk)

AI workspace · web · brutalist

AI generation workspace — mobile, brutalist (Lumen Desk)

AI workspace · mobile · brutalist

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

AI settings · web · brutalist

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

AI settings · mobile · brutalist

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

Version history · web · brutalist

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

Version history · mobile · brutalist

Approval queue · web · brutalist

Approval queue · mobile · brutalist

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

Doctor directory · web · brutalist

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

Doctor directory · mobile · brutalist

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

Telehealth visit · Visit summary · web · brutalist

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

Telehealth visit · In call · web · brutalist

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

Telehealth visit · Waiting room · web · brutalist

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

Telehealth visit · Visit summary · mobile · brutalist

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

Telehealth visit · In call · mobile · brutalist

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

Telehealth visit · Waiting room · mobile · brutalist

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

Clinic home · web · brutalist

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

Clinic home · mobile · brutalist

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

Music player · web · brutalist

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

Music player · mobile · brutalist

Playlist / album detail — web, brutalist (Tidewell)

Playlist · web · brutalist

Playlist / album detail — mobile, brutalist (Tidewell)

Playlist · mobile · brutalist

Portfolio home · web · brutalist

Portfolio home · mobile · brutalist

Case study · web · brutalist

Case study · mobile · brutalist

Security vulnerabilities dashboard — web, brutalist (Wardline)

Security dashboard · web · brutalist

Security vulnerabilities dashboard — mobile, brutalist (Wardline)

Security dashboard · mobile · brutalist

Project tracker dashboard — web, brutalist (Fernway)

Project tracker · web · brutalist

Project tracker dashboard — mobile, brutalist (Fernway)

Project tracker · mobile · brutalist

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

Course dashboard · web · brutalist

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

Course dashboard · mobile · brutalist

Multi-step form wizard · web · brutalist

Multi-step form wizard · mobile · brutalist

Bank account opening welcome — web, brutalist (Mintwell)

Bank onboarding · Welcome · web · brutalist

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

Bank onboarding · Account ready · web · brutalist

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

Bank onboarding · Verify identity · web · brutalist

Bank account opening welcome — mobile, brutalist (Mintwell)

Bank onboarding · Welcome · mobile · brutalist

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

Bank onboarding · Account ready · mobile · brutalist

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

Bank onboarding · Verify identity · mobile · brutalist

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

Product scan · Camera · web · brutalist

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

Product scan · Result · web · brutalist

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

Product scan · Camera · mobile · brutalist

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

Product scan · Result · mobile · brutalist

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

Split view (master-detail) · web · brutalist

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

Split view (master-detail) · mobile · brutalist

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

Canvas editor · web · brutalist

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

Canvas editor · mobile · brutalist

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

Floor plan · web · brutalist

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

Floor plan · mobile · brutalist

Voice call in progress — web, brutalist (Fernway)

Voice call · web · brutalist

Voice call in progress — mobile, brutalist (Fernway)

Voice call · mobile · brutalist

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

Toast / snackbar with undo · web · brutalist

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

Toast / snackbar with undo · mobile · brutalist

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

Confirm dialog (destructive) · web · brutalist

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

Confirm dialog (destructive) · mobile · brutalist

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

Side drawer · web · brutalist

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

Side drawer · mobile · brutalist

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

Command palette · web · brutalist

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

Command palette · mobile · brutalist

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

Date range picker · web · brutalist

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

Date range picker · mobile · brutalist

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

Form validation errors · web · brutalist

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

Form validation errors · mobile · brutalist

Sign-in error · Account locked · web · brutalist

Sign-in error · Wrong password · web · brutalist

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

Sign-in error · Code expired · web · brutalist

Sign-in error · Account locked · mobile · brutalist

Sign-in error · Wrong password · mobile · brutalist

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

Sign-in error · Code expired · mobile · brutalist

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

Card declined at checkout · web · brutalist

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

Card declined at checkout · mobile · brutalist

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

Find a pro (home services) · web · brutalist

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

Find a pro (home services) · mobile · brutalist

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

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

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

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

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

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

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

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

Job tracker · Pro on the way · web · brutalist

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

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

Job tracker · Pro on the way · mobile · brutalist

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

Account email · Invoice · web · brutalist

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

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

Password reset email — web, brutalist (Fernway)

Account email · Password reset · web · brutalist

Verify email address email — web, brutalist (Fernway)

Account email · Verify email · web · brutalist

Welcome email — web, brutalist (Fernway)

Account email · Welcome · web · brutalist

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

Account email · Invoice · mobile · brutalist

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

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

Password reset email — mobile, brutalist (Fernway)

Account email · Password reset · mobile · brutalist

Verify email address email — mobile, brutalist (Fernway)

Account email · Verify email · mobile · brutalist

Welcome email — mobile, brutalist (Fernway)

Account email · Welcome · mobile · brutalist

Order receipt email — web, brutalist (Juniper Supply)

Order email · Receipt · web · brutalist

Shipping update email — web, brutalist (Juniper Supply)

Order email · Shipping update · web · brutalist

Order receipt email — mobile, brutalist (Juniper Supply)

Order email · Receipt · mobile · brutalist

Shipping update email — mobile, brutalist (Juniper Supply)

Order email · Shipping update · mobile · brutalist

Shift scheduler · web · brutalist

Shift scheduler · mobile · brutalist

Leave calendar · web · brutalist

Leave calendar · mobile · brutalist

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

Time-off request · Manager review · web · brutalist

Request conflicts with staffing — web, brutalist (Rosterline)

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

Request time off — web, brutalist (Rosterline)

Time-off request · Request · web · brutalist

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

Time-off request · Manager review · mobile · brutalist

Request conflicts with staffing — mobile, brutalist (Rosterline)

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

Request time off — mobile, brutalist (Rosterline)

Time-off request · Request · mobile · brutalist

Multi-location operations dashboard · web · brutalist

Multi-location operations dashboard · mobile · brutalist

Low stock list — web, brutalist (Rosterline)

Inventory stock · Low stock · web · brutalist

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

Inventory stock · Receive stock · web · brutalist

Low stock list — mobile, brutalist (Rosterline)

Inventory stock · Low stock · mobile · brutalist

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

Inventory stock · Receive stock · mobile · brutalist

Savings goal with projection — web, brutalist (Mintwell)

Savings goal · web · brutalist

Savings goal with projection — mobile, brutalist (Mintwell)

Savings goal · mobile · brutalist

Onboarding carousel · web · brutalist

Onboarding carousel · mobile · brutalist

Hero · web · brutalist

Hero · mobile · brutalist

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

Navigation header · web · brutalist

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

Navigation header · mobile · brutalist

Feature grid · web · brutalist

Feature grid · mobile · brutalist

Bento feature grid — web, brutalist (Patchbay)

Bento features · web · brutalist

Bento feature grid — mobile, brutalist (Patchbay)

Bento features · mobile · brutalist

How it works steps — web, brutalist (Patchbay)

How it works · web · brutalist

How it works steps — mobile, brutalist (Patchbay)

How it works · mobile · brutalist

Logo cloud · web · brutalist

Logo cloud · mobile · brutalist

Stats band · web · brutalist

Stats band · mobile · brutalist

Testimonials · web · brutalist

Testimonials · mobile · brutalist

Pricing section — web, brutalist (Patchbay)

Pricing · web · brutalist

Pricing section — mobile, brutalist (Patchbay)

Pricing · mobile · brutalist

Comparison table · web · brutalist

Comparison table · mobile · brutalist

Scored comparison table · web · brutalist

Scored comparison table · mobile · brutalist

Integrations directory — web, brutalist (Patchbay)

Integrations grid · web · brutalist

Integrations directory — mobile, brutalist (Patchbay)

Integrations grid · mobile · brutalist

Security and trust · web · brutalist

Security and trust · mobile · brutalist

FAQ accordion — web, brutalist (Patchbay)

FAQ · web · brutalist

FAQ accordion — mobile, brutalist (Patchbay)

FAQ · mobile · brutalist

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

CTA banner · web · brutalist

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

CTA banner · mobile · brutalist

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

About team · web · brutalist

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

About team · mobile · brutalist

Careers open roles — web, brutalist (Patchbay)

Careers · web · brutalist

Careers open roles — mobile, brutalist (Patchbay)

Careers · mobile · brutalist

Blog index · web · brutalist

Blog index · mobile · brutalist

Changelog timeline — web, brutalist (Patchbay)

Changelog · web · brutalist

Changelog timeline — mobile, brutalist (Patchbay)

Changelog · mobile · brutalist

Contact sales form — web, brutalist (Patchbay)

Contact form · web · brutalist

Contact sales form — mobile, brutalist (Patchbay)

Contact form · mobile · brutalist

Footer · web · brutalist

Footer · mobile · brutalist

Restaurant website · Home page · web · brutalist

Restaurant website · Home page · mobile · brutalist

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

Agency website · web · brutalist

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

Agency website · mobile · brutalist

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

Architecture website · web · brutalist

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

Architecture website · mobile · brutalist

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

Wedding website · web · brutalist

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

Wedding website · mobile · brutalist

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

Ecommerce website · web · brutalist

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

Ecommerce website · mobile · brutalist

Coffee shop website · Home page · web · brutalist

Coffee shop website · Home page · mobile · brutalist

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

Salon website · web · brutalist

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

Salon website · mobile · brutalist

Real estate website · Home page · web · brutalist

Real estate website, Showcase layout — web, brutalist (Harrow & Vale)

Real estate website · Showcase · web · brutalist

Real estate website · Home page · mobile · brutalist

Real estate website, Showcase layout — mobile, brutalist (Harrow & Vale)

Real estate website · Showcase · mobile · brutalist

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

Construction website · web · brutalist

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

Construction website · mobile · brutalist

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

Law firm website · web · brutalist

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

Law firm website · mobile · brutalist

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

Dental website · web · brutalist

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

Dental website · mobile · brutalist

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

Gym website · web · brutalist

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

Gym website · mobile · brutalist

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

School website · web · brutalist

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

School website · mobile · brutalist

Nonprofit website home page — web, brutalist (Commonplate)

Nonprofit website · web · brutalist

Nonprofit website home page — mobile, brutalist (Commonplate)

Nonprofit website · mobile · brutalist

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

Travel website · web · brutalist

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

Travel website · mobile · brutalist

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

Hotel website · web · brutalist

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

Hotel website · mobile · brutalist

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

SaaS landing page · web · brutalist

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

SaaS landing page · mobile · brutalist

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

AI website · web · brutalist

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

AI website · mobile · brutalist

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

Medical website · web · brutalist

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

Medical website · mobile · brutalist

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

Cardiology website · web · brutalist

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

Cardiology website · mobile · brutalist

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

Dermatology website · web · brutalist

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

Dermatology website · mobile · brutalist

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

Therapist website · web · brutalist

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

Therapist website · mobile · brutalist

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

Physical therapy website · web · brutalist

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

Physical therapy website · mobile · brutalist

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

Veterinary website · web · brutalist

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

Veterinary website · mobile · brutalist

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

Financial advisor website · web · brutalist

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

Financial advisor website · mobile · brutalist

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

Cleaning service website · web · brutalist

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

Cleaning service website · mobile · brutalist

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

HVAC website · web · brutalist

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

HVAC website · mobile · brutalist

Cybersecurity website home page — web, brutalist (Wardline)

Cybersecurity website · web · brutalist

Cybersecurity website home page — mobile, brutalist (Wardline)

Cybersecurity website · mobile · brutalist

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

CRM landing page · web · brutalist

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

CRM landing page · mobile · brutalist

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

Coaching website · web · brutalist

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

Coaching website · mobile · brutalist

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

Pest control website · web · brutalist

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

Pest control website · mobile · brutalist

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

Solar website · web · brutalist

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

Solar website · mobile · brutalist

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

AI agent website · web · brutalist

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

AI agent website · mobile · brutalist

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

Preschool website · web · brutalist

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

Preschool website · mobile · brutalist

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

Apartment website · web · brutalist

Cinderyard Residences website, Showcase layout — web, brutalist (Cinderyard Residences)

Apartment website · Showcase · web · brutalist

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

Apartment website · mobile · brutalist

Cinderyard Residences website, Showcase layout — mobile, brutalist (Cinderyard Residences)

Apartment website · Showcase · mobile · brutalist

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

Pediatrics website · web · brutalist

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

Pediatrics website · mobile · brutalist

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

Orthodontics website · web · brutalist

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

Orthodontics website · mobile · brutalist

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

Fertility clinic website · web · brutalist

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

Fertility clinic website · mobile · brutalist

Thistlewood Home Sales website, Showcase layout — web, brutalist (Thistlewood Home Sales)

Real estate agent website · Showcase · web · brutalist

Thistlewood Home Sales website, Showcase layout — mobile, brutalist (Thistlewood Home Sales)

Real estate agent website · Showcase · mobile · brutalist

Wrenfold Lettings website, Showcase layout — web, brutalist (Wrenfold Lettings)

Property management website · Showcase · web · brutalist

Wrenfold Lettings website, Showcase layout — mobile, brutalist (Wrenfold Lettings)

Property management website · Showcase · mobile · brutalist

Fenmoor & Hale website, Showcase layout — web, brutalist (Fenmoor & Hale)

Luxury real estate website · Showcase · web · brutalist

Fenmoor & Hale website, Showcase layout — mobile, brutalist (Fenmoor & Hale)

Luxury real estate website · Showcase · mobile · brutalist

Draymark Property website, Showcase layout — web, brutalist (Draymark Property)

Commercial real estate website · Showcase · web · brutalist

Draymark Property website, Showcase layout — mobile, brutalist (Draymark Property)

Commercial real estate website · Showcase · mobile · brutalist

Fernlow Stays website, Showcase layout — web, brutalist (Fernlow Stays)

Vacation rental website · Showcase · web · brutalist

Fernlow Stays website, Showcase layout — mobile, brutalist (Fernlow Stays)

Vacation rental website · Showcase · mobile · brutalist

Corbel Ridge Homes website, Showcase layout — web, brutalist (Corbel Ridge Homes)

Home builder website · Showcase · web · brutalist

Corbel Ridge Homes website, Showcase layout — mobile, brutalist (Corbel Ridge Homes)

Home builder website · Showcase · mobile · brutalist

Tabs component — web, brutalist (Fernway)

Tabs · web · brutalist

Tabs component — mobile, brutalist (Fernway)

Tabs · mobile · brutalist

Cards component — web, brutalist (Juniper Supply)

Cards · web · brutalist

Cards component — mobile, brutalist (Juniper Supply)

Cards · mobile · brutalist

Pagination component — web, brutalist (Fieldnote)

Pagination · web · brutalist

Pagination component — mobile, brutalist (Fieldnote)

Pagination · mobile · brutalist

Popover component — web, brutalist (Patchbay)

Popover · web · brutalist

Popover component — mobile, brutalist (Patchbay)

Popover · mobile · brutalist

Tooltip component — web, brutalist (Tallyfold)

Tooltip · web · brutalist

Tooltip component — mobile, brutalist (Tallyfold)

Tooltip · mobile · brutalist

Dropdown menu component — web, brutalist (Fernway)

Dropdown menu · web · brutalist

Dropdown menu component — mobile, brutalist (Fernway)

Dropdown menu · mobile · brutalist

Accordion component — web, brutalist (Steadyfit)

Accordion · web · brutalist

Accordion component — mobile, brutalist (Steadyfit)

Accordion · mobile · brutalist

Radio buttons component — web, brutalist (Mintwell)

Radio buttons · web · brutalist

Radio buttons component — mobile, brutalist (Mintwell)

Radio buttons · mobile · brutalist

Breadcrumbs component — web, brutalist (Juniper Supply)

Breadcrumbs · web · brutalist

Breadcrumbs component — mobile, brutalist (Juniper Supply)

Breadcrumbs · mobile · brutalist

Toggle switch component — web, brutalist (Fernway)

Toggle switch · web · brutalist

Toggle switch component — mobile, brutalist (Fernway)

Toggle switch · mobile · brutalist

Stepper component — web, brutalist (Mintwell)

Stepper · web · brutalist

Stepper component — mobile, brutalist (Mintwell)

Stepper · mobile · brutalist

Sidebar navigation component — web, brutalist (Wardline)

Sidebar navigation · web · brutalist

Sidebar navigation component — mobile, brutalist (Wardline)

Sidebar navigation · mobile · brutalist

Loading spinner component — web, brutalist (Lumen Desk)

Loading spinner · web · brutalist

Loading spinner component — mobile, brutalist (Lumen Desk)

Loading spinner · mobile · brutalist

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.

Brutalist web design examples

Browse by pattern

Browse by category, device and style

Save to board