Alloy

Demos

9 products, each a complete set of pages you can click through. Every product comes in several layouts; open one and you stay in it from page to page. Pick a theme below to see them all in it.

shopping_cart

Basketry

Ecommerce · 19 pages · 7 layouts
Open demo

A marketplace storefront: search, product pages, cart, checkout and orders.

Layouts

Basketry, Top bar · Marketplace layout Top bar · Marketplace Default arrow_outward A busy marketplace header: wide search scoped by category, account and mini-cart, and a category bar with a mega menu.
Basketry, Top bar · Centred layout Top bar · Centred arrow_outward The storefront homepage in a calm, centred shell: logo in the middle, a quiet department row and a brand-colour footer.
Basketry, Sidebar · Bar on top layout Sidebar · Bar on top arrow_outward The storefront homepage in a department-sidebar shell, like a grocer: slim top bar, departments in a rail that slides in on phones.
Basketry, Top bar · Simple layout Top bar · Simple arrow_outward One bar: the logo, the shop links, search and the basket. A menu on phones.
Basketry, Top bar · Search layout Top bar · Search arrow_outward A slim bar with search, two links and the basket, leaving the page to the products.
Basketry, Top bar · Catalogue layout Top bar · Catalogue arrow_outward A departments panel that opens on hover, a wide search, orders and the basket, and a dark footer of departments.
Basketry, Top bar · Floating layout Top bar · Floating arrow_outward A rounded bar floating inset from the edges, and a band about delivery before a short footer.

Pages

Basketry, Product Search Result Product Search Result arrow_outward
Basketry, Product View Product View arrow_outward
Basketry, Shopping Cart Shopping Cart arrow_outward
Basketry, Checkout Checkout arrow_outward
Basketry, Order List Order List arrow_outward
Basketry, Order Summary Order Summary arrow_outward
All 19 pages expand_more
dashboard

Seller Centre

Admin · 12 pages · 4 layouts
Open demo

The store's back office: sales, products, orders and the team.

Layouts

Seller Centre, Sidebar · Full height layout Sidebar · Full height Default arrow_outward A classic back-office: every section in a sidebar, search and alerts in a bar over the content.
Seller Centre, Icon rail layout Icon rail arrow_outward The back-office in an app-like shell: a narrow icon rail that turns into a bottom tab bar on phones.
Seller Centre, Top bar · Underlined layout Top bar · Underlined arrow_outward The back-office under one top bar with the sections as links, for screens where width matters more than a sidebar.
Seller Centre, Sidebar · Page tree layout Sidebar · Page tree arrow_outward Every section in groups that open and close in a full sidebar, with the signed-in staff member, search and alerts in a bar.

Pages

Seller Centre, Products Products arrow_outward
Seller Centre, Edit Product Edit Product arrow_outward
Seller Centre, Orders Orders arrow_outward
Seller Centre, Order Detail Order Detail arrow_outward
Seller Centre, Team Team arrow_outward
Seller Centre, Settings Settings arrow_outward
All 12 pages expand_more
description

Quiet Side

Blog · 13 pages · 6 layouts
Open demo

A calm reading blog: articles, writers, topics, saved lists and reading stats.

Layouts

Quiet Side, Top bar · Search layout Top bar · Search Default arrow_outward A slim sticky bar: the blog's name, a search field and two links, leaving the page to the writing.
Quiet Side, Top bar · Masthead layout Top bar · Masthead arrow_outward The blog homepage under a newspaper-style nameplate, with a sticky link row and a centred newsletter footer.
Quiet Side, Sidebar · No bar layout Sidebar · No bar arrow_outward The blog homepage in a personal-blog shell: the writer, links and topics in a sidebar that slides in on phones.
Quiet Side, Top bar · Simple layout Top bar · Simple arrow_outward One bar with the blog's name, its links and a subscribe button. A menu on phones.
Quiet Side, Top bar · Centred layout Top bar · Centred arrow_outward The blog's name centred, links to one side, and the topics in a quiet row underneath.
Quiet Side, Top bar · Floating layout Top bar · Floating arrow_outward A rounded bar floating inset from the edges, and a newsletter band before a short footer.

Pages

Quiet Side, Article Search Result Article Search Result arrow_outward
Quiet Side, Article View Article View arrow_outward
Quiet Side, Author Profile Author Profile arrow_outward
Quiet Side, Article Categories Article Categories arrow_outward
Quiet Side, Saved Articles Saved Articles arrow_outward
Quiet Side, Reading Stats Reading Stats arrow_outward
All 13 pages expand_more
school

Studyhall

Elearning · 16 pages · 6 layouts
Open demo

Online courses: browse, learn, track progress and climb the leaderboard.

Layouts

Studyhall, Sidebar · Page tree layout Sidebar · Page tree Default arrow_outward A full sidebar with search, the learner's stats and every page in groups, beside a header with search and alerts.
Studyhall, Top bar · Catalogue layout Top bar · Catalogue arrow_outward The learning dashboard under a course-marketplace header: a categories panel, wide search, My learning and a streak.
Studyhall, Sidebar · Dark layout Sidebar · Dark arrow_outward The learning dashboard beside a dark sidebar of courses in progress, each with its bar; it slides in on phones.
Studyhall, Top bar · Simple layout Top bar · Simple arrow_outward One bar with the learning links, the streak and the learner. A menu on phones.
Studyhall, Icon rail layout Icon rail arrow_outward An app-like shell: a narrow icon rail that becomes a bottom tab bar on phones.
Studyhall, Top bar · Search layout Top bar · Search arrow_outward A slim bar with search and two links, leaving the page to the courses.

Pages

Studyhall, Browse All Courses Browse All Courses arrow_outward
Studyhall, Course Detail Course Detail arrow_outward
Studyhall, Enrolled List Enrolled List arrow_outward
Studyhall, Leaderboard Leaderboard arrow_outward
Studyhall, Learner Profile Learner Profile arrow_outward
Studyhall, Lesson Lesson arrow_outward
All 16 pages expand_more
article

The Harbour Courier

News · 12 pages · 5 layouts
Open demo

A city newspaper: front page, sections, stories, reporters and an account.

Layouts

The Harbour Courier, Top bar · Nameplate layout Top bar · Nameplate Default arrow_outward The paper's name over a dark sticky bar with the main links, search and a subscribe link.
The Harbour Courier, Top bar · Masthead layout Top bar · Masthead arrow_outward The news homepage as a printed front page: dated nameplate, a ruled section row, a breaking strip and a dark footer.
The Harbour Courier, Sidebar · Bar on top layout Sidebar · Bar on top arrow_outward The news homepage in a news-app shell: search on top, sections in a rail with the live story pinned, sliding in on phones.
The Harbour Courier, Top bar · Simple layout Top bar · Simple arrow_outward One bar with the paper's name, its sections link and a subscribe button. A menu on phones.
The Harbour Courier, Top bar · Search layout Top bar · Search arrow_outward A slim bar with the paper's name, search and two links.

Pages

The Harbour Courier, News Search Result News Search Result arrow_outward
The Harbour Courier, News View News View arrow_outward
The Harbour Courier, Author Profile Author Profile arrow_outward
The Harbour Courier, News Categories News Categories arrow_outward
The Harbour Courier, Saved Stories Saved Stories arrow_outward
The Harbour Courier, Account Account arrow_outward
All 12 pages expand_more
medical_services

Cedar Health

Healthcare Appointment · 12 pages · 7 layouts
Open demo

Book a doctor: find one, book a visit and keep your health records.

Layouts

Cedar Health, Top bar · Simple layout Top bar · Simple Default arrow_outward One clean bar: the logo, the patient's links, a Book a visit button and the profile, with a menu on phones.
Cedar Health, Sidebar · No bar layout Sidebar · No bar arrow_outward The patient dashboard beside a sidebar with the patient's card, their next visit and an urgent-care number; it slides in on phones.
Cedar Health, Top bar · Links right layout Top bar · Links right arrow_outward The patient dashboard in a practice's public shell: phone and hours bar, a large booking button, and a footer with locations.
Cedar Health, Icon rail layout Icon rail arrow_outward A patient app: a narrow icon rail that becomes a bottom tab bar on phones.
Cedar Health, Top bar · Search layout Top bar · Search arrow_outward A slim bar with search, two links and the patient.
Cedar Health, Top bar · Floating layout Top bar · Floating arrow_outward A rounded bar floating inset from the edges, and a booking band before a short footer.
Cedar Health, Sidebar · Page tree layout Sidebar · Page tree arrow_outward Every page in groups that open and close in a full sidebar, with the patient's card, search and booking in a bar.

Pages

Cedar Health, Find a Doctor Find a Doctor arrow_outward
Cedar Health, Doctor Profile Doctor Profile arrow_outward
Cedar Health, My Appointments My Appointments arrow_outward
Cedar Health, Health Records Health Records arrow_outward
Cedar Health, Profile Profile arrow_outward
Cedar Health, Settings Settings arrow_outward
All 12 pages expand_more
event

StagePass

Event Ticketing · 13 pages · 8 layouts
Open demo

Event tickets: discover what's on, buy, and keep your tickets and orders.

Layouts

StagePass, Top bar · Search pill layout Top bar · Search pill Default arrow_outward A segmented search (what, when, where) at the centre, My tickets and the account menu, a row of icon-over-label categories, and a next-event strip that scrolls away.
StagePass, Top bar · Poster layout Top bar · Poster arrow_outward The events homepage under a dark nightlife header with the city, search and ticket count, and a sticky row of when chips.
StagePass, Sidebar · Full height layout Sidebar · Full height arrow_outward The events homepage beside a sidebar of links and upcoming ticket stubs with their codes; it slides in on phones.
StagePass, Top bar · Simple layout Top bar · Simple arrow_outward One bar with the links and the visitor's tickets. A menu on phones.
StagePass, Icon rail layout Icon rail arrow_outward An app-like shell: a narrow icon rail that becomes a bottom tab bar on phones.
StagePass, Top bar · Search layout Top bar · Search arrow_outward A slim bar with search and two links, leaving the page to the events.
StagePass, Top bar · Catalogue layout Top bar · Catalogue arrow_outward A panel of dates and kinds of event that opens on hover, a wide search and the tickets, with a dark footer.
StagePass, Top bar · Floating layout Top bar · Floating arrow_outward A rounded bar floating inset from the edges, and a band about this weekend before a short footer.

Pages

StagePass, Browse Events Browse Events arrow_outward
StagePass, Event Details Event Details arrow_outward
StagePass, My Tickets My Tickets arrow_outward
StagePass, Orders Orders arrow_outward
StagePass, Profile Profile arrow_outward
StagePass, Organizer Profile Organizer Profile arrow_outward
All 13 pages expand_more
work

Hireline

Job Portal · 12 pages · 6 layouts
Open demo

Find work: search jobs, save them, apply and follow each application.

Layouts

Hireline, Sidebar · Page tree layout Sidebar · Page tree Default arrow_outward A full sidebar with search, the signed-in candidate and every page in groups, beside a header with search and alerts.
Hireline, Top bar · Underlined layout Top bar · Underlined arrow_outward The job dashboard under a classic job-board header: links with an underline, alerts, an account menu, and a menu on phones.
Hireline, Icon rail layout Icon rail arrow_outward The job dashboard in an app-like shell: a narrow icon rail that turns into a bottom tab bar on phones.
Hireline, Sidebar · Bar on top layout Sidebar · Bar on top arrow_outward The links in a sidebar under one bar with search, alerts and the account; the sidebar slides in on phones.
Hireline, Top bar · Search layout Top bar · Search arrow_outward A slim bar with search and two links, leaving the page to the jobs.
Hireline, Top bar · Catalogue layout Top bar · Catalogue arrow_outward A classic job board: categories in a panel that opens on hover, a wide search and saved jobs, with a dark footer.

Pages

Hireline, Job Search Job Search arrow_outward
Hireline, Job Details Job Details arrow_outward
Hireline, Saved Jobs Saved Jobs arrow_outward
Hireline, Applications Applications arrow_outward
Hireline, Profile Profile arrow_outward
Hireline, Settings Settings arrow_outward
All 12 pages expand_more
language

Wayboard

Company Profile · 13 pages · 5 layouts
Open demo

A software company's site: landing, product, pricing, FAQ and a demo request.

Layouts

Wayboard, Top bar · Simple layout Top bar · Simple Default arrow_outward Links in a light bar with log in and sign up on the right, and a four-column footer with contact details.
Wayboard, Top bar · Floating layout Top bar · Floating arrow_outward The landing page under a rounded nav bar that floats inset from the edges, with a call-to-action band before a short footer.
Wayboard, Top bar · Dark layout Top bar · Dark arrow_outward The landing page under a dark header with a Product mega menu and a Talk to sales link, above a large dark footer.
Wayboard, Top bar · Centred layout Top bar · Centred arrow_outward The name centred, links to one side and sign-up to the other, with a centred footer.
Wayboard, Top bar · Search layout Top bar · Search arrow_outward A slim bar with the name, a help search and two links.

Pages

Wayboard, Pricing Pricing arrow_outward
Wayboard, Product Product arrow_outward
Wayboard, FAQ FAQ arrow_outward
Wayboard, About About arrow_outward
Wayboard, Contact Contact arrow_outward
Wayboard, Request a Demo Request a Demo arrow_outward
All 13 pages expand_more