Monochrome UI design examples

Black-and-white monochrome interfaces built on contrast and type alone. 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 · monochrome

Dashboard · mobile · monochrome

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

Data table · web · monochrome

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

Data table · mobile · monochrome

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

Analytics charts · web · monochrome

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

Analytics charts · mobile · monochrome

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

Login · web · monochrome

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

Login · mobile · monochrome

Sign up · web · monochrome

Sign up · mobile · monochrome

Forgot password · web · monochrome

Forgot password · mobile · monochrome

Two-factor verification — web, monochrome (Fernway)

Two-factor code · web · monochrome

Two-factor verification — mobile, monochrome (Fernway)

Two-factor code · mobile · monochrome

Welcome · web · monochrome

Welcome · mobile · monochrome

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

Onboarding step · web · monochrome

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

Onboarding step · mobile · monochrome

Notification permission request — web, monochrome (Fernway)

Permissions request · web · monochrome

Notification permission request — mobile, monochrome (Fernway)

Permissions request · mobile · monochrome

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

Home · web · monochrome

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

Home · mobile · monochrome

Feed · web · monochrome

Feed · mobile · monochrome

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

List view · web · monochrome

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

List view · mobile · monochrome

Detail view · web · monochrome

Task detail — mobile, monochrome (Fernway)

Detail view · mobile · monochrome

Kanban board · web · monochrome

Kanban board · mobile · monochrome

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

Calendar · web · monochrome

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

Calendar · mobile · monochrome

File manager · web · monochrome

File manager · mobile · monochrome

Search results · web · monochrome

Search results · mobile · monochrome

Document editor with toolbar — web, monochrome (Fernway)

Editor toolbar · web · monochrome

Document editor with toolbar — mobile, monochrome (Fernway)

Editor toolbar · mobile · monochrome

AI chat assistant · web · monochrome

AI chat assistant · mobile · monochrome

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

Chat list · web · monochrome

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

Chat list · mobile · monochrome

Team chat channel thread — web, monochrome (Fernway)

Chat thread · web · monochrome

Team chat channel thread — mobile, monochrome (Fernway)

Chat thread · mobile · monochrome

Video call in progress — web, monochrome (Fernway)

Video call · web · monochrome

Video call in progress — mobile, monochrome (Fernway)

Video call · mobile · monochrome

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

Image viewer · web · monochrome

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

Image viewer · mobile · monochrome

Explore map — web, monochrome (Fieldnote)

Map view · web · monochrome

Explore map — mobile, monochrome (Fieldnote)

Map view · mobile · monochrome

Video player · web · monochrome

Video player · mobile · monochrome

Create photo post — web, monochrome (Fieldnote)

Create post · web · monochrome

Create photo post — mobile, monochrome (Fieldnote)

Create post · mobile · monochrome

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

Class schedule · web · monochrome

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

Class schedule · mobile · monochrome

Booking details · web · monochrome

Booking details · mobile · monochrome

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

Booking confirmed · web · monochrome

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

Booking confirmed · mobile · monochrome

Product detail page — web, monochrome (Juniper Supply)

Product detail · web · monochrome

Product detail page — mobile, monochrome (Juniper Supply)

Product detail · mobile · monochrome

Cart · web · monochrome

Cart · mobile · monochrome

Checkout · web · monochrome

Checkout · mobile · monochrome

Order confirmation · web · monochrome

Order confirmation · mobile · monochrome

Settings · web · monochrome

Settings · mobile · monochrome

Profile · web · monochrome

Profile · mobile · monochrome

Notifications center · web · monochrome

Notifications center · mobile · monochrome

Team members and invite — web, monochrome (Fernway)

Team members · web · monochrome

Team members and invite — mobile, monochrome (Fernway)

Team members · mobile · monochrome

Roles and permissions — web, monochrome (Fernway)

Roles permissions · web · monochrome

Roles and permissions — mobile, monochrome (Fernway)

Roles permissions · mobile · monochrome

Audit log · web · monochrome

Audit log · mobile · monochrome

API keys · web · monochrome

API keys · mobile · monochrome

Integrations · web · monochrome

Integrations · mobile · monochrome

Billing and plans settings — web, monochrome (Fernway)

Billing plans · web · monochrome

Billing and plans settings — mobile, monochrome (Fernway)

Billing plans · mobile · monochrome

Invoice · web · monochrome

Invoice · mobile · monochrome

Paywall / upgrade prompt — web, monochrome (Fernway)

Paywall upgrade · web · monochrome

Paywall / upgrade prompt — mobile, monochrome (Fernway)

Paywall upgrade · mobile · monochrome

Cancel subscription · web · monochrome

Cancel subscription · mobile · monochrome

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

Empty state · web · monochrome

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

Empty state · mobile · monochrome

404 page not found — web, monochrome (Fernway)

404 error · web · monochrome

404 page not found — mobile, monochrome (Fernway)

404 error · mobile · monochrome

Loading skeleton · web · monochrome

Loading skeleton · mobile · monochrome

Invites sent confirmation — web, monochrome (Fernway)

Success confirmation · Invite sent · web · monochrome

Password reset confirmation — web, monochrome (Fernway)

Success confirmation · Password reset · web · monochrome

Plan upgraded confirmation — web, monochrome (Fernway)

Success confirmation · Plan upgraded · web · monochrome

Subscription cancelled confirmation — web, monochrome (Fernway)

Success confirmation · Subscription cancelled · web · monochrome

Invites sent confirmation — mobile, monochrome (Fernway)

Success confirmation · Invite sent · mobile · monochrome

Password reset confirmation — mobile, monochrome (Fernway)

Success confirmation · Password reset · mobile · monochrome

Plan upgraded confirmation — mobile, monochrome (Fernway)

Success confirmation · Plan upgraded · mobile · monochrome

Subscription cancelled confirmation — mobile, monochrome (Fernway)

Success confirmation · Subscription cancelled · mobile · monochrome

AI generation workspace — web, monochrome (Lumen Desk)

AI workspace · web · monochrome

AI generation workspace — mobile, monochrome (Lumen Desk)

AI workspace · mobile · monochrome

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

AI settings · web · monochrome

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

AI settings · mobile · monochrome

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

Version history · web · monochrome

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

Version history · mobile · monochrome

Approval queue · web · monochrome

Approval queue · mobile · monochrome

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

Doctor directory · web · monochrome

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

Doctor directory · mobile · monochrome

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

Telehealth visit · Visit summary · web · monochrome

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

Telehealth visit · In call · web · monochrome

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

Telehealth visit · Waiting room · web · monochrome

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

Telehealth visit · Visit summary · mobile · monochrome

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

Telehealth visit · In call · mobile · monochrome

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

Telehealth visit · Waiting room · mobile · monochrome

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

Clinic home · web · monochrome

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

Clinic home · mobile · monochrome

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

Music player · web · monochrome

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

Music player · mobile · monochrome

Playlist / album detail — web, monochrome (Tidewell)

Playlist · web · monochrome

Playlist / album detail — mobile, monochrome (Tidewell)

Playlist · mobile · monochrome

Portfolio home · web · monochrome

Portfolio home · mobile · monochrome

Case study · web · monochrome

Case study · mobile · monochrome

Security vulnerabilities dashboard — web, monochrome (Wardline)

Security dashboard · web · monochrome

Security vulnerabilities dashboard — mobile, monochrome (Wardline)

Security dashboard · mobile · monochrome

Project tracker dashboard — web, monochrome (Fernway)

Project tracker · web · monochrome

Project tracker dashboard — mobile, monochrome (Fernway)

Project tracker · mobile · monochrome

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

Course dashboard · web · monochrome

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

Course dashboard · mobile · monochrome

Multi-step form wizard · web · monochrome

Multi-step form wizard · mobile · monochrome

Bank account opening welcome — web, monochrome (Mintwell)

Bank onboarding · Welcome · web · monochrome

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

Bank onboarding · Account ready · web · monochrome

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

Bank onboarding · Verify identity · web · monochrome

Bank account opening welcome — mobile, monochrome (Mintwell)

Bank onboarding · Welcome · mobile · monochrome

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

Bank onboarding · Account ready · mobile · monochrome

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

Bank onboarding · Verify identity · mobile · monochrome

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

Product scan · Camera · web · monochrome

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

Product scan · Result · web · monochrome

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

Product scan · Camera · mobile · monochrome

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

Product scan · Result · mobile · monochrome

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

Split view (master-detail) · web · monochrome

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

Split view (master-detail) · mobile · monochrome

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

Canvas editor · web · monochrome

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

Canvas editor · mobile · monochrome

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

Floor plan · web · monochrome

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

Floor plan · mobile · monochrome

Voice call in progress — web, monochrome (Fernway)

Voice call · web · monochrome

Voice call in progress — mobile, monochrome (Fernway)

Voice call · mobile · monochrome

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

Toast / snackbar with undo · web · monochrome

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

Toast / snackbar with undo · mobile · monochrome

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

Confirm dialog (destructive) · web · monochrome

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

Confirm dialog (destructive) · mobile · monochrome

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

Side drawer · web · monochrome

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

Side drawer · mobile · monochrome

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

Command palette · web · monochrome

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

Command palette · mobile · monochrome

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

Date range picker · web · monochrome

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

Date range picker · mobile · monochrome

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

Form validation errors · web · monochrome

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

Form validation errors · mobile · monochrome

Sign-in error · Account locked · web · monochrome

Sign-in error · Wrong password · web · monochrome

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

Sign-in error · Code expired · web · monochrome

Sign-in error · Account locked · mobile · monochrome

Sign-in error · Wrong password · mobile · monochrome

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

Sign-in error · Code expired · mobile · monochrome

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

Card declined at checkout · web · monochrome

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

Card declined at checkout · mobile · monochrome

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

Find a pro (home services) · web · monochrome

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

Find a pro (home services) · mobile · monochrome

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

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

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

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

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

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

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

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

Job tracker · Pro on the way · web · monochrome

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

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

Job tracker · Pro on the way · mobile · monochrome

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

Account email · Invoice · web · monochrome

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

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

Password reset email — web, monochrome (Fernway)

Account email · Password reset · web · monochrome

Verify email address email — web, monochrome (Fernway)

Account email · Verify email · web · monochrome

Welcome email — web, monochrome (Fernway)

Account email · Welcome · web · monochrome

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

Account email · Invoice · mobile · monochrome

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

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

Password reset email — mobile, monochrome (Fernway)

Account email · Password reset · mobile · monochrome

Verify email address email — mobile, monochrome (Fernway)

Account email · Verify email · mobile · monochrome

Welcome email — mobile, monochrome (Fernway)

Account email · Welcome · mobile · monochrome

Order receipt email — web, monochrome (Juniper Supply)

Order email · Receipt · web · monochrome

Shipping update email — web, monochrome (Juniper Supply)

Order email · Shipping update · web · monochrome

Order receipt email — mobile, monochrome (Juniper Supply)

Order email · Receipt · mobile · monochrome

Shipping update email — mobile, monochrome (Juniper Supply)

Order email · Shipping update · mobile · monochrome

Shift scheduler · web · monochrome

Shift scheduler · mobile · monochrome

Leave calendar · web · monochrome

Leave calendar · mobile · monochrome

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

Time-off request · Manager review · web · monochrome

Request conflicts with staffing — web, monochrome (Rosterline)

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

Request time off — web, monochrome (Rosterline)

Time-off request · Request · web · monochrome

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

Time-off request · Manager review · mobile · monochrome

Request conflicts with staffing — mobile, monochrome (Rosterline)

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

Request time off — mobile, monochrome (Rosterline)

Time-off request · Request · mobile · monochrome

Multi-location operations dashboard · web · monochrome

Multi-location operations dashboard · mobile · monochrome

Low stock list — web, monochrome (Rosterline)

Inventory stock · Low stock · web · monochrome

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

Inventory stock · Receive stock · web · monochrome

Low stock list — mobile, monochrome (Rosterline)

Inventory stock · Low stock · mobile · monochrome

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

Inventory stock · Receive stock · mobile · monochrome

Savings goal with projection — web, monochrome (Mintwell)

Savings goal · web · monochrome

Savings goal with projection — mobile, monochrome (Mintwell)

Savings goal · mobile · monochrome

Onboarding carousel · web · monochrome

Onboarding carousel · mobile · monochrome

Hero · web · monochrome

Hero · mobile · monochrome

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

Navigation header · web · monochrome

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

Navigation header · mobile · monochrome

Feature grid · web · monochrome

Feature grid · mobile · monochrome

Bento feature grid — web, monochrome (Patchbay)

Bento features · web · monochrome

Bento feature grid — mobile, monochrome (Patchbay)

Bento features · mobile · monochrome

How it works steps — web, monochrome (Patchbay)

How it works · web · monochrome

How it works steps — mobile, monochrome (Patchbay)

How it works · mobile · monochrome

Logo cloud · web · monochrome

Logo cloud · mobile · monochrome

Stats band · web · monochrome

Stats band · mobile · monochrome

Testimonials · web · monochrome

Testimonials · mobile · monochrome

Pricing section — web, monochrome (Patchbay)

Pricing · web · monochrome

Pricing section — mobile, monochrome (Patchbay)

Pricing · mobile · monochrome

Comparison table · web · monochrome

Comparison table · mobile · monochrome

Scored comparison table · web · monochrome

Scored comparison table · mobile · monochrome

Integrations directory — web, monochrome (Patchbay)

Integrations grid · web · monochrome

Integrations directory — mobile, monochrome (Patchbay)

Integrations grid · mobile · monochrome

Security and trust · web · monochrome

Security and trust · mobile · monochrome

FAQ accordion — web, monochrome (Patchbay)

FAQ · web · monochrome

FAQ accordion — mobile, monochrome (Patchbay)

FAQ · mobile · monochrome

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

CTA banner · web · monochrome

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

CTA banner · mobile · monochrome

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

About team · web · monochrome

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

About team · mobile · monochrome

Careers open roles — web, monochrome (Patchbay)

Careers · web · monochrome

Careers open roles — mobile, monochrome (Patchbay)

Careers · mobile · monochrome

Blog index · web · monochrome

Blog index · mobile · monochrome

Changelog timeline — web, monochrome (Patchbay)

Changelog · web · monochrome

Changelog timeline — mobile, monochrome (Patchbay)

Changelog · mobile · monochrome

Contact sales form — web, monochrome (Patchbay)

Contact form · web · monochrome

Contact sales form — mobile, monochrome (Patchbay)

Contact form · mobile · monochrome

Footer · web · monochrome

Footer · mobile · monochrome

Restaurant website · Home page · web · monochrome

Restaurant website · Home page · mobile · monochrome

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

Agency website · web · monochrome

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

Agency website · mobile · monochrome

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

Architecture website · web · monochrome

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

Architecture website · mobile · monochrome

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

Wedding website · web · monochrome

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

Wedding website · mobile · monochrome

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

Ecommerce website · web · monochrome

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

Ecommerce website · mobile · monochrome

Coffee shop website · Home page · web · monochrome

Coffee shop website · Home page · mobile · monochrome

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

Salon website · web · monochrome

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

Salon website · mobile · monochrome

Real estate website · Home page · web · monochrome

Real estate website, Listing layout — web, monochrome (Harrow & Vale)

Real estate website · Listing · web · monochrome

Real estate website · Home page · mobile · monochrome

Real estate website, Listing layout — mobile, monochrome (Harrow & Vale)

Real estate website · Listing · mobile · monochrome

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

Construction website · web · monochrome

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

Construction website · mobile · monochrome

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

Law firm website · web · monochrome

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

Law firm website · mobile · monochrome

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

Dental website · web · monochrome

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

Dental website · mobile · monochrome

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

Gym website · web · monochrome

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

Gym website · mobile · monochrome

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

School website · web · monochrome

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

School website · mobile · monochrome

Nonprofit website home page — web, monochrome (Commonplate)

Nonprofit website · web · monochrome

Nonprofit website home page — mobile, monochrome (Commonplate)

Nonprofit website · mobile · monochrome

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

Travel website · web · monochrome

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

Travel website · mobile · monochrome

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

Hotel website · web · monochrome

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

Hotel website · mobile · monochrome

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

SaaS landing page · web · monochrome

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

SaaS landing page · mobile · monochrome

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

AI website · web · monochrome

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

AI website · mobile · monochrome

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

Medical website · web · monochrome

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

Medical website · mobile · monochrome

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

Cardiology website · web · monochrome

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

Cardiology website · mobile · monochrome

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

Dermatology website · web · monochrome

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

Dermatology website · mobile · monochrome

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

Therapist website · web · monochrome

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

Therapist website · mobile · monochrome

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

Physical therapy website · web · monochrome

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

Physical therapy website · mobile · monochrome

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

Veterinary website · web · monochrome

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

Veterinary website · mobile · monochrome

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

Financial advisor website · web · monochrome

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

Financial advisor website · mobile · monochrome

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

Cleaning service website · web · monochrome

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

Cleaning service website · mobile · monochrome

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

HVAC website · web · monochrome

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

HVAC website · mobile · monochrome

Cybersecurity website home page — web, monochrome (Wardline)

Cybersecurity website · web · monochrome

Cybersecurity website home page — mobile, monochrome (Wardline)

Cybersecurity website · mobile · monochrome

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

CRM landing page · web · monochrome

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

CRM landing page · mobile · monochrome

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

Coaching website · web · monochrome

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

Coaching website · mobile · monochrome

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

Pest control website · web · monochrome

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

Pest control website · mobile · monochrome

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

Solar website · web · monochrome

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

Solar website · mobile · monochrome

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

AI agent website · web · monochrome

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

AI agent website · mobile · monochrome

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

Preschool website · web · monochrome

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

Preschool website · mobile · monochrome

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

Apartment website · web · monochrome

Cinderyard Residences website, Listing layout — web, monochrome (Cinderyard Residences)

Apartment website · Listing · web · monochrome

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

Apartment website · mobile · monochrome

Cinderyard Residences website, Listing layout — mobile, monochrome (Cinderyard Residences)

Apartment website · Listing · mobile · monochrome

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

Pediatrics website · web · monochrome

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

Pediatrics website · mobile · monochrome

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

Orthodontics website · web · monochrome

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

Orthodontics website · mobile · monochrome

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

Fertility clinic website · web · monochrome

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

Fertility clinic website · mobile · monochrome

Thistlewood Home Sales website, Listing layout — web, monochrome (Thistlewood Home Sales)

Real estate agent website · Listing · web · monochrome

Thistlewood Home Sales website, Listing layout — mobile, monochrome (Thistlewood Home Sales)

Real estate agent website · Listing · mobile · monochrome

Wrenfold Lettings website, Listing layout — web, monochrome (Wrenfold Lettings)

Property management website · Listing · web · monochrome

Wrenfold Lettings website, Listing layout — mobile, monochrome (Wrenfold Lettings)

Property management website · Listing · mobile · monochrome

Fenmoor & Hale website, Listing layout — web, monochrome (Fenmoor & Hale)

Luxury real estate website · Listing · web · monochrome

Fenmoor & Hale website, Listing layout — mobile, monochrome (Fenmoor & Hale)

Luxury real estate website · Listing · mobile · monochrome

Draymark Property website, Listing layout — web, monochrome (Draymark Property)

Commercial real estate website · Listing · web · monochrome

Draymark Property website, Listing layout — mobile, monochrome (Draymark Property)

Commercial real estate website · Listing · mobile · monochrome

Fernlow Stays website, Listing layout — web, monochrome (Fernlow Stays)

Vacation rental website · Listing · web · monochrome

Fernlow Stays website, Listing layout — mobile, monochrome (Fernlow Stays)

Vacation rental website · Listing · mobile · monochrome

Corbel Ridge Homes website, Listing layout — web, monochrome (Corbel Ridge Homes)

Home builder website · Listing · web · monochrome

Corbel Ridge Homes website, Listing layout — mobile, monochrome (Corbel Ridge Homes)

Home builder website · Listing · mobile · monochrome

Tabs component — web, monochrome (Fernway)

Tabs · web · monochrome

Tabs component — mobile, monochrome (Fernway)

Tabs · mobile · monochrome

Cards component — web, monochrome (Juniper Supply)

Cards · web · monochrome

Cards component — mobile, monochrome (Juniper Supply)

Cards · mobile · monochrome

Pagination component — web, monochrome (Fieldnote)

Pagination · web · monochrome

Pagination component — mobile, monochrome (Fieldnote)

Pagination · mobile · monochrome

Popover component — web, monochrome (Patchbay)

Popover · web · monochrome

Popover component — mobile, monochrome (Patchbay)

Popover · mobile · monochrome

Tooltip component — web, monochrome (Tallyfold)

Tooltip · web · monochrome

Tooltip component — mobile, monochrome (Tallyfold)

Tooltip · mobile · monochrome

Dropdown menu component — web, monochrome (Fernway)

Dropdown menu · web · monochrome

Dropdown menu component — mobile, monochrome (Fernway)

Dropdown menu · mobile · monochrome

Accordion component — web, monochrome (Steadyfit)

Accordion · web · monochrome

Accordion component — mobile, monochrome (Steadyfit)

Accordion · mobile · monochrome

Radio buttons component — web, monochrome (Mintwell)

Radio buttons · web · monochrome

Radio buttons component — mobile, monochrome (Mintwell)

Radio buttons · mobile · monochrome

Breadcrumbs component — web, monochrome (Juniper Supply)

Breadcrumbs · web · monochrome

Breadcrumbs component — mobile, monochrome (Juniper Supply)

Breadcrumbs · mobile · monochrome

Toggle switch component — web, monochrome (Fernway)

Toggle switch · web · monochrome

Toggle switch component — mobile, monochrome (Fernway)

Toggle switch · mobile · monochrome

Stepper component — web, monochrome (Mintwell)

Stepper · web · monochrome

Stepper component — mobile, monochrome (Mintwell)

Stepper · mobile · monochrome

Sidebar navigation component — web, monochrome (Wardline)

Sidebar navigation · web · monochrome

Sidebar navigation component — mobile, monochrome (Wardline)

Sidebar navigation · mobile · monochrome

Loading spinner component — web, monochrome (Lumen Desk)

Loading spinner · web · monochrome

Loading spinner component — mobile, monochrome (Lumen Desk)

Loading spinner · mobile · monochrome

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.

Monochrome UI design examples

Browse by pattern

Browse by category, device and style

Save to board