Design Lounge
Install

Sources

Sites worth opening.

026 sites

One product studies one site. The palette stays a Lounge theme. Add a link to the list and it shows up here.

Abel

A perfume shop. The range, the scent types, a quiz, a journal.

A catalogue. One product at a time.

abelfragrance.com · 39 screens

  1. Nº 169 Analog stick
  2. Nº 092 Annual toggle with rolling prices
  3. Nº 097 Bauhaus design language kit
  4. Nº 482 Callouts on a review still
  5. Nº 101 Clay soft design language kit
  6. Nº 240 Event ticket checkout
  7. Nº 248 Flight arrival split-flap widget
  8. Nº 253 Gamer community chat card
  9. Nº 287 Kraft box 3D turntable
  10. Nº 028 Luxe product detail
  11. Nº 497 M3 basic and destructive dialogs
  12. Nº 046 One-page mobile checkout
  13. Nº 324 Order confirmed
  14. Nº 335 Password field
  15. Nº 509 Phone checkout
  16. Nº 339 Phone failed load
  17. Nº 344 Phone order tracking
  18. Nº 511 Phone past orders
  19. Nº 345 Phone paywall with two plans
  20. Nº 348 Phone product page
  21. Nº 514 Phone shopping bag
  22. Nº 362 Popover panel
  23. Nº 371 Professional network profile card
  24. Nº 378 Quantity stepper
  25. Nº 383 Real estate listing detail
  26. Nº 384 Receipt slip
  27. Nº 401 Share menu with invites and QR
  28. Nº 403 Shop cart
  29. Nº 404 Shop collection
  30. Nº 406 Shop product
  31. Nº 413 Slider field
  32. Nº 148 Sticky comparison table
  33. Nº 433 Swinging kraft hang tag
  34. Nº 069 Swiss grid pricing
  35. Nº 437 Tablet cafe register
  36. Nº 443 Team members settings
  37. Nº 075 Terminal UI style sheet
  38. Nº 466 Usage pricing slider
  39. Nº 470 Wallet card stack

Igloo

An onchain community. The public HTML is a shell, so the lesson is the mission they publish, not a layout.

A product with one job. Do not invent a homepage they did not ship.

igloo.inc · 16 screens

  1. Nº 167 AI chat workspace
  2. Nº 189 Chat thread
  3. Nº 483 Chitthi code entry
  4. Nº 484 Coffer drawer lock
  5. Nº 234 Editorial phone sign-in
  6. Nº 503 M3 sign-in with passkey
  7. Nº 125 Magic link sent
  8. Nº 128 Mobile inbox list
  9. Nº 507 New note composer
  10. Nº 322 One-time code
  11. Nº 135 Passkey setup with face-scan ring
  12. Nº 337 Phone comments sheet
  13. Nº 520 Solander password reset
  14. Nº 063 Split sign-in
  15. Nº 071 Tablet mail split view
  16. Nº 455 Three-step phone sign-up

Don't Board Me

In-home pet care. A loud line, then the services, then book.

A service with a next step. The headline can shout. The booking stays plain.

dontboardme.com · 23 screens

  1. Nº 001 Analytics dashboard overview
  2. Nº 004 Bottom sheet with three detents
  3. Nº 102 Conversational contact form
  4. Nº 485 Delete account with a 30-day undo
  5. Nº 222 Digital business card
  6. Nº 232 Editorial 404 with search
  7. Nº 235 Editorial staff profile card
  8. Nº 242 FAQ category accordion
  9. Nº 111 FAQ two-column search
  10. Nº 115 Giant email, click to copy
  11. Nº 286 Kebab row actions menu
  12. Nº 119 KPI row with sparklines
  13. Nº 031 M3 Expressive home feed
  14. Nº 033 M3 search bar morph
  15. Nº 321 One number, with a delta
  16. Nº 341 Phone input with country picker
  17. Nº 381 Ranked spend
  18. Nº 399 Select field
  19. Nº 145 Split map contact form
  20. Nº 428 Stepped project brief form
  21. Nº 151 Studio hours and booking
  22. Nº 154 Team hover portrait grid
  23. Nº 162 Y2K chrome design language kit

Noomo

A Los Angeles studio. 3D stories and sites that stop a scroll.

One scroll, one story. Motion carries the page.

noomoagency.com · 09 screens

  1. Nº 081 Hover image trail
  2. Nº 117 Ink blob cursor
  3. Nº 082 iOS app switcher stack
  4. Nº 495 Live cursors on a board
  5. Nº 084 Logo draw site intro
  6. Nº 085 Magnetic buttons
  7. Nº 364 Preloader counter intro
  8. Nº 064 Spotlight hover grid
  9. Nº 065 Staggered list reveal

Synchronized

A digital studio. The word archive repeats until the work is the page.

Lead with the work. Say the name until it holds.

synchronized.studio · 02 screens

  1. Nº 323 Open roles
  2. Nº 136 People by role

Mendo

A bookshop in Amsterdam. Books as objects, and a journal beside the shop.

Paper, type, and the object. The shop stays quiet.

mendo.nl · 17 screens

  1. Nº 089 Activity rings with weekly picker
  2. Nº 177 Book page flip
  3. Nº 187 Changelog timeline
  4. Nº 194 Cited answer
  5. Nº 230 Drop-cap editorial card
  6. Nº 490 Handwritten night letter
  7. Nº 023 Inline form validation
  8. Nº 283 Issue index
  9. Nº 034 Magazine editorial grid
  10. Nº 319 Newsletter close
  11. Nº 131 Newsletter fold inline
  12. Nº 051 Paper article reader
  13. Nº 512 Phone privacy and data
  14. Nº 056 PWA news reader
  15. Nº 376 PWA offline library
  16. Nº 142 Riso print design language kit
  17. Nº 078 Two-column tablet reader

Nixon

Watches. The page could not be read from here, so no screen claims it yet.

Open the site before a screen borrows from it.

nixon.com · 00 screens

No screen claims this site yet.

Dragone

Live shows. A dark front, then the shows, the news, and a way to partner.

A show with a way in. Spectacle, then the ask.

dragone.com · 11 screens

  1. Nº 205 Corner player
  2. Nº 207 Coverflow strip
  3. Nº 488 Full-bleed photo viewer
  4. Nº 493 Linnet pairs table
  5. Nº 124 M3 expressive music player
  6. Nº 042 Now playing
  7. Nº 328 Overlap slider
  8. Nº 354 Phone video player
  9. Nº 067 Story viewer with hold to pause
  10. Nº 446 Testimonials masonry wall
  11. Nº 155 Testimonials quote carousel

Nothin'

A Paris studio. Ideas, not a pile of content. One line does the work.

A short sentence, large. The rest of the page waits.

noth.in · 00 screens

No screen claims this site yet.

Stripe

A payments company. One bright ribbon, a light headline, and the product shown working in every card.

Let one big moving thing carry the colour. Keep the words light and the cards real.

stripe.com · 27 screens

  1. Nº 091 AI prompt cycle hero
  2. Nº 003 Bento feature grid
  3. Nº 098 Billing plan summary
  4. Nº 178 Booking time slots
  5. Nº 199 Connection grid
  6. Nº 212 Dark mono repository card
  7. Nº 214 Dental clinic home with live booking
  8. Nº 217 Desktop app menubar
  9. Nº 241 Failed load with retry
  10. Nº 244 File upload manager
  11. Nº 015 Filter chips product list
  12. Nº 120 Light fintech landing with tilting card
  13. Nº 496 Look around a small room
  14. Nº 036 Mobile landing with sticky CTA
  15. Nº 043 Odometer counter
  16. Nº 133 Organic garden design language kit
  17. Nº 050 Paper and ink design style
  18. Nº 510 Phone notification settings
  19. Nº 370 Professional network post
  20. Nº 055 PWA install sheet
  21. Nº 141 Record detail header
  22. Nº 410 Silk ribbon hero with live ticker
  23. Nº 420 Split hero with UI card stack
  24. Nº 149 Sticky mobile CTA bar
  25. Nº 444 Terminal crypto trading screen
  26. Nº 454 Three passes, one frame
  27. Nº 459 Tomato pomodoro timer widget

UseArticle

A tool that writes and posts articles on a schedule. The page shows the product running, not a picture of it.

Let the visitor press the controls and watch the card change. Thick black edges and hard shadows keep it friendly.

usearticle.com · 19 screens

  1. Nº 164 Add to cart that becomes a stepper
  2. Nº 175 Automation builder with live preview
  3. Nº 195 Click-wheel player mockup
  4. Nº 209 Curve drawer
  5. Nº 227 Download button with progress and retry
  6. Nº 229 Dress-watch analog clock widget
  7. Nº 246 Filter and sort dropdowns
  8. Nº 268 Hero with a live browser card
  9. Nº 030 M3 expanding FAB menu
  10. Nº 340 Phone form fields
  11. Nº 138 Pixel arcade design language kit
  12. Nº 380 Radio group
  13. Nº 387 Ride pickup live activity
  14. Nº 429 Sticker activity rings
  15. Nº 457 Time field
  16. Nº 157 Toggle switch set
  17. Nº 159 Upload file queue
  18. Nº 471 Watch crown mockup
  19. Nº 480 World clocks meeting planner

Linear

A tool for building software. A dark page where the real app is the picture.

Show the product doing the work. Fade it at the edges and keep one colour for what matters.

linear.app · 24 screens

  1. Nº 197 Combobox
  2. Nº 106 Dark devtool landing page
  3. Nº 009 Date range picker
  4. Nº 107 Deco hotel design language kit
  5. Nº 218 Device battery widget
  6. Nº 116 Giant wordmark reveal footer
  7. Nº 489 Handwritten homepage
  8. Nº 282 Isometric figure triptych
  9. Nº 029 Luxe serif design style
  10. Nº 502 M3 settings list
  11. Nº 140 Product window tilt hero
  12. Nº 375 Pull-quote testimonial card
  13. Nº 392 School admissions home
  14. Nº 411 Sitemap columns footer
  15. Nº 412 Sleep score with scrubbable hypnogram
  16. Nº 150 Sticky scroll feature steps
  17. Nº 431 Stretch switch
  18. Nº 153 Tabbed feature preview
  19. Nº 447 Testimonials metric tabs
  20. Nº 156 Testimonials wall grid
  21. Nº 452 Thread to issue board
  22. Nº 460 Tooltip
  23. Nº 464 Underline OTP input
  24. Nº 475 Weekly bar chart

Tailwind CSS docs

The install page for a CSS framework. Numbered steps, each with its own small code box.

Put each instruction next to its code. Draw the grid with thin lines and let the empty sides carry a faint hatch.

tailwindcss.com · 46 screens

  1. Nº 088 Account menu panel
  2. Nº 172 App icon spec sheet
  3. Nº 180 Breadcrumb
  4. Nº 100 Checkbox draw list
  5. Nº 196 Code snippet tabs
  6. Nº 007 Collapsing sidebar rail
  7. Nº 008 Command palette
  8. Nº 200 Consent bar
  9. Nº 223 Docs install steps with code panels
  10. Nº 224 Docs shell with hatched gutters
  11. Nº 011 Documentation three-column layout
  12. Nº 486 Duskwell mission HUD
  13. Nº 233 Editorial creator profile card
  14. Nº 110 Enterprise sitemap footer
  15. Nº 247 Filter toolbar
  16. Nº 018 Floating tool palette
  17. Nº 020 Grouped settings list
  18. Nº 281 Interval workout timer
  19. Nº 284 Job board search
  20. Nº 285 Journal page
  21. Nº 491 Large text layout rules
  22. Nº 492 Letter hand kit
  23. Nº 501 M3 search results
  24. Nº 313 Minute wheel
  25. Nº 129 Mobile run detail
  26. Nº 316 Mobile website bottom bar
  27. Nº 040 Nested dropdown menu
  28. Nº 333 Paper docs with scrollspy TOC
  29. Nº 334 Paper hydration tumbler
  30. Nº 350 Phone QR ticket scanner
  31. Nº 351 Phone ride request
  32. Nº 352 Phone search with live results
  33. Nº 356 Photo post with carousel
  34. Nº 358 Plain phone tabs
  35. Nº 365 Presence dock with follow mode
  36. Nº 373 Prompt composer
  37. Nº 407 Shortcut sheet
  38. Nº 409 Sidebar with workspace switcher
  39. Nº 062 Sliding segmented control
  40. Nº 423 Spotlight search with preview
  41. Nº 430 Sticky notes board
  42. Nº 438 Tablet kiosk check-in
  43. Nº 440 Tablet recipe cook mode
  44. Nº 073 Tabs with morphing underline
  45. Nº 451 Textarea field
  46. Nº 463 Tree

Wickret

A concept bank app page by a studio. One huge headline, toys floating around it, then a phone.

Let the big words move. Letters can break apart and come back as new words.

wickret.cuberto.com · 21 screens

  1. Nº 163 3D keycap press buttons
  2. Nº 182 Button roles
  3. Nº 006 Button state morph
  4. Nº 204 Copy, share and copy-email buttons
  5. Nº 228 Drag to confirm
  6. Nº 231 Edge light button
  7. Nº 251 Follow, unfollow and save buttons
  8. Nº 255 Glitch text
  9. Nº 257 Gooey menu
  10. Nº 270 Hold and slide to confirm
  11. Nº 290 Layered letter word-swap hero
  12. Nº 366 Press well
  13. Nº 516 Rolling label row
  14. Nº 402 Sheen pill buttons
  15. Nº 408 Shred button
  16. Nº 416 Soft inset clay buttons
  17. Nº 419 Split button
  18. Nº 144 Split letter wave
  19. Nº 422 Split-flap board
  20. Nº 436 Switch row
  21. Nº 461 Trail type

Lama Lama

An Amsterdam agency. A dark page with a dot screen hero and a small bar that talks back.

A tiny nav bar can carry the voice. Change its one line for each section.

lamalama.com · 22 screens

  1. Nº 174 Aurora mesh background
  2. Nº 219 Diagonal boxes background
  3. Nº 108 Dot wave background
  4. Nº 226 Dot-matrix blob field hero
  5. Nº 013 Editorial mega menu
  6. Nº 113 Flashlight reveal hero
  7. Nº 114 Floating pill navbar
  8. Nº 019 Full-screen mobile menu
  9. Nº 258 Gooey nav
  10. Nº 259 Graph paper background
  11. Nº 264 Hamburger circle reveal
  12. Nº 269 Hide-on-scroll navbar
  13. Nº 118 Island morph navbar
  14. Nº 303 Machined part breakout hero
  15. Nº 130 Motion designer showreel index
  16. Nº 367 Process step dossier
  17. Nº 369 Product mega menu grid
  18. Nº 398 Section-tagline nav pill
  19. Nº 421 Split navbar with centred wordmark
  20. Nº 152 Swiss grid wordmark hero
  21. Nº 468 Vertical rail navbar
  22. Nº 473 WebGL shader hero

MindMarket

A research agency. Big friendly type on bright green, cartoon people, white cards along a winding path.

One path ties the page together. Cards sit beside it, and the numbers pile up as you scroll.

mindmarket.com · 22 screens

  1. Nº 203 Control centre toggles
  2. Nº 210 Cut-shape image frames
  3. Nº 225 Donation page with impact
  4. Nº 243 Field compass widget
  5. Nº 252 Funnel chart
  6. Nº 256 Goals card with rings and confetti
  7. Nº 083 iOS context menu lift
  8. Nº 498 M3 collapsing large top app bar
  9. Nº 312 Microblog profile header
  10. Nº 038 Multi-step form stepper
  11. Nº 347 Phone photo picker
  12. Nº 349 Phone profile header
  13. Nº 396 Scroll zoom portal
  14. Nº 059 Settings page with sticky nav
  15. Nº 146 Stacking cards on scroll
  16. Nº 074 Terminal 404
  17. Nº 448 Text field
  18. Nº 456 Tilted stat card stack
  19. Nº 458 Token field
  20. Nº 472 Weather glance widget, three sizes
  21. Nº 161 Wellness retreat booking landing
  22. Nº 477 Winding ribbon scroll story

The F-List

A watchdog report on ad agencies. Black and yellow, tall narrow type, lines hidden under black bars.

Make the reveal the message. Bars lift off the text, and badges explain the list.

f-list.cleancreatives.org · 15 screens

  1. Nº 079 3D card flip trio
  2. Nº 179 Boxing gym home with timetable
  3. Nº 191 Chip bucket
  4. Nº 211 Daily quote card
  5. Nº 221 Diamond badge rail
  6. Nº 254 Glass credit card with flip
  7. Nº 273 Holographic foil pass
  8. Nº 021 Hover tilt cards
  9. Nº 299 Live terminal log card
  10. Nº 127 Mask line reveal
  11. Nº 325 Orders table with fulfilment
  12. Nº 426 Stats count-up band
  13. Nº 147 Stats ticker band
  14. Nº 434 Swipe deck with undo
  15. Nº 442 Tasks table with inline editing

Bermawy

A personal site typed on graph paper. A torn photo, clipped cards, a notebook of articles. A toy console plays the talks.

Let one toy be the real control. Keep the rest plain and on paper.

bermawy.com · 22 screens

  1. Nº 183 Café chalkboard and letterboard menu
  2. Nº 192 Cinema ticket with tear-off stub
  3. Nº 198 Concert ticket stack with foil strip
  4. Nº 239 Event countdown ticket card
  5. Nº 249 Focus dim
  6. Nº 250 Folder reveal
  7. Nº 260 Graph paper homepage
  8. Nº 266 Handheld talk player
  9. Nº 292 Lens bento
  10. Nº 294 Letter sleeve
  11. Nº 304 Magazine cover card
  12. Nº 505 Mallow Court brick rally
  13. Nº 306 Manila folder with tabs
  14. Nº 314 Mixed article cards
  15. Nº 359 Playlist card with now playing
  16. Nº 360 Polaroid fan
  17. Nº 361 Polaroid frames, three ways
  18. Nº 363 Postcard with stamp and postmark
  19. Nº 368 Product cards with quick add
  20. Nº 415 Social feed with stories and posts
  21. Nº 424 Spring deck
  22. Nº 425 Stamped document

Haunted Boulder City

A ghost walking tour. Fog, night photos and huge narrow type. The story slides sideways as you scroll.

Pin the screen and let scroll turn the pages. Only the line you are on gets to shout.

hauntedbouldercity.com · 13 screens

  1. Nº 094 Asymmetric type lockup hero
  2. Nº 186 Case file horizontal scroll
  3. Nº 206 Course landing with curriculum
  4. Nº 208 CTA giant email band
  5. Nº 080 Grid-rows FAQ accordion
  6. Nº 293 Lens card scroll ticker
  7. Nº 327 Outline to fill topic list
  8. Nº 508 Pebbleline attract screen
  9. Nº 386 Restaurant menu page
  10. Nº 058 Scroll reading progress
  11. Nº 414 Smooth scroll with inertia
  12. Nº 066 Sticky split scroll story
  13. Nº 450 Text mask scroll reveal

GMX Digital

A film studio for buildings that are not built yet. Dark, slow, and it plays like a film.

Keep the headline still and let the scenes change behind it. A thin line counts down each one.

gmxdigital.com · 08 screens

  1. Nº 188 Chaptered cinema hero
  2. Nº 193 Cinematic video loop hero
  3. Nº 109 Editorial name rotator hero
  4. Nº 112 Fashion atelier landing page
  5. Nº 289 Law firm home, editorial
  6. Nº 049 Page transition curtain
  7. Nº 137 Photographer horizontal gallery
  8. Nº 397 Scroll-scrubbed product teardown

Sibal Design

One designer, shown like a ship screen. You press Enter, it loads, then the work opens in frames.

Make the entrance a choice and keep it short. Then let each project show its steps, one at a time.

sibaldesign.com · 07 screens

  1. Nº 245 Film strip with loupe
  2. Nº 261 Greeting loader
  3. Nº 275 HUD boot gate
  4. Nº 342 Phone launch splash lift
  5. Nº 052 Pull to refresh with drawn ring
  6. Nº 053 PWA app shell hydration
  7. Nº 418 Spinner specimen set

MWDT

A machine shop. A dark hero card, a steel part, and a button to ask for a quote.

Let the product break out of the box. One light line, one heavy line, one button.

mwdtinc.com · 09 screens

  1. Nº 104 CTA split dark band
  2. Nº 105 Cyber HUD design language kit
  3. Nº 487 Edit profile with live username check
  4. Nº 016 Fintech home
  5. Nº 500 M3 modal bottom sheet with predictive back
  6. Nº 309 Material rod rack CTA
  7. Nº 041 Notification center panel
  8. Nº 346 Phone permission prompt
  9. Nº 518 Scrub a firing curve

Moremedia

An agency in Austria. Big tight type, real work, and services you open one at a time.

Set the services as tall labels. Open one, and keep the rest as type.

moremedia.at · 23 screens

  1. Nº 090 Agency landing with case wall
  2. Nº 168 Alternating feature rows
  3. Nº 093 Architect index with plan drawings
  4. Nº 173 Architecture studio index
  5. Nº 096 Bauhaus composition hero
  6. Nº 005 Brutalist studio home
  7. Nº 181 Budget meters
  8. Nº 184 Calendar month
  9. Nº 190 Checkbox group
  10. Nº 220 Dial knob
  11. Nº 272 Hold-to-talk voice orb
  12. Nº 277 Industrial stopwatch with lap log
  13. Nº 024 Kanban board
  14. Nº 296 Link orbit
  15. Nº 297 Live checkout bento
  16. Nº 301 Logos grid case hover
  17. Nº 121 Logos mono marquee
  18. Nº 506 Manage subscription, honest cancel
  19. Nº 326 Outline name marquee
  20. Nº 332 Paper contribution heatmap
  21. Nº 417 Spend list
  22. Nº 070 Swiss poster style
  23. Nº 467 Vertical label service columns

Susan Acharya

A product lead's portfolio. A night valley drawn by hand. Small people play in it while you read.

Draw one scene and let it move a little. The words stay calm on top.

acharyasusan.com.np · 30 screens

  1. Nº 099 Centered colophon footer
  2. Nº 012 Editorial landing hero
  3. Nº 236 Engraved caravan footer
  4. Nº 237 Engraved disc throw loop
  5. Nº 238 Engraved moonrise hero plate
  6. Nº 263 Halftone pop background
  7. Nº 265 Hand-drawn text annotations
  8. Nº 267 Headline rise with drawn underline
  9. Nº 278 Ink wash background
  10. Nº 025 Kinetic type marquee
  11. Nº 027 Large title collapse on scroll
  12. Nº 291 Layered parallax landscape hero
  13. Nº 295 Linen weave background
  14. Nº 122 Long-form product case study
  15. Nº 126 Marker highlight draw
  16. Nº 308 Marketplace search hero
  17. Nº 315 Mobile scroll story
  18. Nº 132 Newsletter split footer
  19. Nº 134 Paper grain and ink blots
  20. Nº 139 Portfolio index with hover preview
  21. Nº 385 Redaction bar reveal
  22. Nº 517 Scroll past three path models
  23. Nº 393 Scroll split
  24. Nº 394 Scroll velocity type
  25. Nº 395 Scroll word highlight
  26. Nº 432 Sunrise horizon background
  27. Nº 445 Terrazzo background
  28. Nº 076 Text scramble reveal
  29. Nº 158 Topographic lines background
  30. Nº 087 Variable font proximity headline

60fps

A big library of short clips. Small moments from phone apps, tagged by gesture, pattern and effect.

Show one small moment at a time, and let the tags do the sorting.

60fps.design · 65 screens

  1. Nº 166 Agent step trace
  2. Nº 170 App icon colour wall
  3. Nº 095 Audit activity log
  4. Nº 002 Avatar stack with presence
  5. Nº 213 Dark motion shot gallery
  6. Nº 010 Dense data table
  7. Nº 215 Deploy status notification
  8. Nº 216 Design-tool transform box
  9. Nº 014 Empty state with line illustration
  10. Nº 017 Floating glass tab bar
  11. Nº 271 Hold to log, streak and confetti
  12. Nº 276 Incoming call banner
  13. Nº 022 Ink-fill upload progress
  14. Nº 279 Inline alert
  15. Nº 026 Lamp pull-cord theme toggle
  16. Nº 300 Lock screen delivery live update
  17. Nº 123 M3 container transform
  18. Nº 499 M3 list to detail with predictive back
  19. Nº 032 M3 modal navigation drawer
  20. Nº 302 M3 navigation bar
  21. Nº 504 M3 snackbar with undo
  22. Nº 305 Magnifying desktop dock
  23. Nº 035 Masonry gallery with captions
  24. Nº 310 Members table with range select
  25. Nº 317 Mood pill that morphs into a card
  26. Nº 320 Node graph
  27. Nº 044 Onboarding carousel
  28. Nº 045 Onboarding checklist card
  29. Nº 047 Optimistic like button
  30. Nº 048 Orbit dots loader family
  31. Nº 329 Page transition tile wipe
  32. Nº 330 Pagination
  33. Nº 331 Pan canvas
  34. Nº 336 Payment received banner
  35. Nº 338 Phone empty list
  36. Nº 343 Phone notification centre
  37. Nº 513 Phone rating prompt
  38. Nº 357 Plain list empty
  39. Nº 372 Progress bar
  40. Nº 374 Property list
  41. Nº 054 PWA connectivity banner
  42. Nº 377 PWA outbox sync
  43. Nº 057 PWA update toast
  44. Nº 515 Quern score ladder
  45. Nº 388 Rolling total with a jelly period switch
  46. Nº 389 Salon wall planner
  47. Nº 390 Saved banner
  48. Nº 391 Scan page
  49. Nº 400 Selection bar
  50. Nº 086 Shared element expand
  51. Nº 405 Shop drawer with accordion sections
  52. Nº 060 Sidebar with overlay and pin modes
  53. Nº 519 Skeleton list swap
  54. Nº 061 Skeleton to content swap
  55. Nº 427 Status badge
  56. Nº 435 Swipe to pay, ember bloom
  57. Nº 068 Swipe-to-reveal row actions
  58. Nº 441 Tactile chip tabs with a stretch
  59. Nº 449 Text loaders for AI states
  60. Nº 077 Toast stack
  61. Nº 462 Transactions ledger
  62. Nº 465 Undo toast
  63. Nº 476 Whiteboard tool dock
  64. Nº 478 Word-bank lesson card
  65. Nº 479 Workspace setup with live preview

Icon Museum

A gallery of app icons. Each one sits on a glass shelf. Click one to see it big with its colours.

Let the icons be the only colour. Give each one a shelf, a lift on hover, and a quiet label.

icon.museum · 30 screens

  1. Nº 165 Agenda calendar with quick add
  2. Nº 171 App icon shelf gallery
  3. Nº 176 Boarding pass with fold-out details
  4. Nº 481 Bramble parlour lobby
  5. Nº 185 Calendar week planner
  6. Nº 201 Contact sheet
  7. Nº 202 Content card
  8. Nº 103 Creator profile with masthead
  9. Nº 262 Grow grid
  10. Nº 274 Home screen icon set
  11. Nº 280 Inline edit
  12. Nº 288 Laptop browser mockup
  13. Nº 494 Lit study on a quiet stage
  14. Nº 298 Live heart-rate tile
  15. Nº 307 Map with price pins and listing sheet
  16. Nº 311 Microblog post card
  17. Nº 037 Modal dialog with focus trap
  18. Nº 318 Museum wall with placards
  19. Nº 039 Neo-brutalist design style
  20. Nº 353 Phone showcase mockup
  21. Nº 355 Photo album with page turns
  22. Nº 379 Quarter line chart
  23. Nº 382 Rating score
  24. Nº 143 Search results with filters
  25. Nº 439 Tablet notes in three panes
  26. Nº 072 Tablet ops dashboard grid
  27. Nº 453 Threaded conversation card
  28. Nº 469 Vinyl now-playing widget
  29. Nº 160 Weather with an hourly scrubber
  30. Nº 474 Week schedule