Welcome to W3B.WTF
The site is dedicated to delivering premium experiences on the w3b.
Choose a work. Step inside.
Read the story here. Open a complete site to try its interactions.
01 / 05 Atmosphere
A world to enter.
A doorway glows where a road should end. Clouds and a vintage car make the familiar feel strange. The type leaves room for that first impression.
Try thisClear the words to see the composition. Bring them back and notice where your eye lands.
An opening like this could set the tone for a film, an exhibition or a launch before asking you to do anything.
Explore Aurora in fullCarry the light forward. A quiet glow becomes the colour of an entire identity.
02 / 05 Identity
An image with a voice.
The visor, orange horizon and oversized letters speak together. Switch the type treatment and the same footage takes on a different personality.
Try thisCompare Bold and Editorial. The image stays the same; the way you read it changes.
A distinctive relationship between image and type could carry a product launch, event or publication across many screens.
Explore Fluxora in fullA face has held your attention. Next, it notices what you do.
03 / 05 Participation
A little human response.
This portrait stretches, springs back and changes expression. A small gesture becomes a conversation between the visitor and the page.
Try thisPull or tap the face. Use the expression control for a simple alternative, including with reduced motion.
A character, creator or playful product could use a response like this to make an introduction feel personal.
Explore Otis in fullLet go. After a moment of play, give the next message some space.
04 / 05 Clarity
Room for the message.
A path winds between green hills. The centred message, open sky and restrained controls show how a page can feel rich without asking for constant attention.
Try thisPause the landscape, then remove the words. Compare the space with and without its message.
A destination, wellbeing service or considered product could use this quieter approach to make the next step easy to find.
Explore Monsoon in fullFollow the path further. Space becomes distance, and a view becomes a story.
05 / 05 Progression
A story at your pace.
The dust clears, Earth rises, and the crater closes around you. Scroll at your own pace to reveal each layer of the scene.
Try thisEnter the scene, then scroll or swipe through Earthrise. Return to the story whenever you are ready.
An exhibition, itinerary or complex product could use staged reveals to make a larger idea easier to explore.
Explore Selene in fullFive approaches. Many possible directions. Return to any chapter, or explore the complete websites.
A different idea.
A different experience.
The setting, the way a story unfolds, the smallest response to a gesture. Each can change how a website feels—and what it makes possible.