A person holding hands with a partner or sibling at night, staring at the sky through the window.

Person Having Trouble Sleeping

A bowl of ramen on a website next to bicycle and clock icons, indicating estimated bike delivery time for an online food order.

Online Food Delivery

A man with a mustache sitting on a bench with a briefcase and a statue bust nearby, surrounded by a route map with a car icon.

Person Waiting For Transit

A person giving a speech about environmental issues on the stage, standing behind a podium.

Person Giving A Speech On Stage

An older man with glasses holding the hand of an older woman in a floral skirt as they ice skate together.

Two People Dating

A group of three people, including a bearded man with glasses and a checked shirt, a woman with a leg prosthesis in a skirt and sneakers, and a girl in roller skates, representing the World Day for Cultural Diversity.

World Day For Cultural Diversity

A collection of sculptures and statues, including a bust of a person with long hair, a curvy vase on a pedestal, and a human hand on a platform.

Sculptures And Statues

Something went wrong. An inverted desktop computer placed on the floor indicating that something went wrong on a website or app.

 Unsuccessful State Feedback

A girl with long hair roller skating down a street with a street lamp, tree and signpost.

Person Walking Through An Urban Area

Bad Gateway. Burning cactus plants in a room indicating that something went wrong with a website or app.

Unsuccessful State Feedback

A large screen or browser window displaying a line graph showing an upwards trend, with an alarm clock sitting in front of it.

Website For A Business

A person in front of a laptop and rating stars indicating a review section for a website or app.

Website Content Sections

A person reading a document with an instructor, indicating a Terms of Service or information section of a website or app.

Page Under Construction. A Robot or an Android with hammer drill indicating that a website or app is under construction. 

A locked treasure box, indicating that content is locked behind a paywall on a website or app.

A woman in casual clothes standing on a stage in front of a screen displaying coding brackets, giving a presentation.

Person Presenting On Stage

A question mark inside a speech bubble indicating an FAQ section for a website or app.

A cupcake or muffin on a website next to heart and shopping bag icons, indicating adding a food delivery item or order to the user's favorites or saved orders.

A hand holding a star depicting that a website or app feature is premium or paid only or an upgrade is available.

Website Empty Pages

A checklist and thumbs up or OK sign indicating that an order has been completed.

Successful State Feedback

A large browser window displaying a graph with a user icon, surrounded by smaller pop-up windows displaying a pie chart, shopping cart, and calendar.

A large browser window displaying a fillable form, surrounded by smaller pop-up windows displaying an @ symbol, new document icon, and spreadsheet.

A young woman sitting at a desk and taking an online course about website or mobile app coding.

Person Learning Online

A software programmer, engineer or developer finding a solution to a problem at work while surrounded by tools and graphic elements related to website, app or software coding.

Person Using Software For Work

A female skateboarder in overalls and protective gear flipping through the air with palm trees in the background.

Skateboarder Skating Outdoors

A woman standing at a table and using her laptop to build an online photography and design website.

Person Building An Online Store

Payment processed. A person waves at a moving dollar bill and a dollar sign indicating a successful online payment.

A container of French fries on a website next to a delivery truck icon and an angry face emoji, indicating an unhappy food delivery customer.

A person giving a speech about labour rights on the stage, standing behind a podium.

A medical representative giving a speech about Covid on the stage, standing behind a podium.

See you soon! A man walking away with a flying airplane in the sky, indicating that a user is about to leave a website or app.

Offboarding State Feedback

A collection of sculptures and statues, including a bust of a person looking to the side, an apple on a pedestal, and a bird.

A large browser window displaying a finance-related graph, surrounded by smaller pop-up windows displaying a bank, credit card, and calendar.

A man in a suit standing on a stage in front of a screen displaying a clock icon, giving a presentation.

A skater wearing shorts, t-shirt, and protective gear, flipping in the air with palm trees in the background.

Abstract depiction of a broken magnifying glass for an empty page with no search results in a website or app.

A delivery truck signifying that shipping or dispatching of a package is underway.

A large browser window displaying adjustment sliders, surrounded by smaller pop-up windows displaying a media player, QR code, stopwatch, and 75% loading progress.

Sign up or subscribe. An open envelope with a check mark indicating a sign up page for a newsletter, website or app.

Onboarding State Feedback

A man holding a laptop standing on a stage in front of a screen displaying a light bulb icon, giving a presentation.

No internet connection. A globe with a cancel sign indicating that there is no internet connection or no signal.

An older man standing at a table and using a widescreen desktop computer to build a photography website.

Message sent. An envelope slotting inside a mailbox and an arrow indicating that the mail is successfully sent, for a website or application.

Come back later. An unfinished pile of bricks indicating that a website or app is still under construction.

A laptop on top of a small table with a potted succulent, next to another small table with a stag statue.

Informal Work Setup

A burger on a website next to a location marker and clock icon, indicating estimated order delivery time.

A hand making an OK sign and a check mark indicating a successful action for a website or app.

Coming soon. A rocket launching, indicating that a website or app is coming soon or about to launch.

Log out. A door with an exit arrow, indicating that a user is about to log out from a website or app.

A girl roller-skating down the street in front of an old-fashioned town hall building.

Person Navigating Through The City

A woman in hijab and a suit standing on a stage in front of a screen displaying a briefcase icon, giving a presentation.

404 page not found. The moon, stars and planets floating in space indicating that an internet address cannot be found.

A vase on a pedestal next to a sculpted bust of a person.

A home workstation featuring a desk with a statue bust, bowl of fruit, and tablet displaying a video call, in front of a window showing a cityscape. 

Home Workstation

Delete confirmation. A paper shredder and a check mark indicating a successful deletion for a website or an app.

A woman standing on a stage in front of a screen displaying a globe icon, giving a presentation.

A busy and overworked manager or employee surrounded by charts, graphs, and notifications.

Busy Project Manager Overwhelmed By Work

A hip hop girl group wearing hijab, performing on stage with music notes and decorations.

Musicians Performing On Stage

A taco on a website next to loading and credit card icons, indicating an online credit card payment processing for food delivery.

See you soon! A moving car and airplane, indicating that a user is about to leave a website or app.

A sushi plate on a website next to bookmark and shopping bag icons, indicating adding a food delivery item or order to the user's favorites or saved orders.

Illustrations of website states