semble.cc/design
Semble is an Experiential Design System.
The lights and the motion on this site each say something about a room or the people in it. Scroll on: the ground under this page plays each part as you read it.
One ground under every page
A single field of dots sits under the whole site. It changes with what a page is for. These are its seven states.
01 · Today and the front page
Meeting in one place
Three currents come in from three sides, meet in one spot, and send out a ring. This is a room moving: people from across the city coming to one place.
02 · Rooms that are building up, and your anchors
A room gathering people
One centre, and faint rings drawing the ground toward it. A room that is still filling pulls like this.
03 · The rooms you are in, The Semble Way, this page
Moving together
Neighbouring dots rise and fall as one, the way a room moves once everyone in it is in.
04 · Stories, Sourced and the feed
Building in public
Three lanes, each carrying a signal forward. This is work moving where everyone can see it.
05 · The Stage
Someone on stage
The ground bends toward one point and ripples out from it. This is one builder holding a room’s attention.
06 · A live room on Today, Trax and the week
Time in the moment
A ring every four seconds, in gold. It stands for time spent with the people in front of you.
07 · Present, and the lines Semble stands on
Quiet while you read
The ground drops back and breathes once every eight seconds, so the words on top stand alone.
A room is its people
A host sets how many people a room needs. Each seat lights as someone says I'm Game, and when the last one lights the row turns warm and the room moves.
1 of 5
Four states of a room
Every room passes through the same four, in order. The ground under it changes with each.
- Building Up
Still filling. The ground pulls toward it, and only the area shows.
- /Today
It happens today. Once it has moved, the exact place and the way to it appear.
- Live
It is on now. The ground beats in gold, and one press says you are there.
- Over
It happened. The ground goes still, and the record stays: who was there and what was said.
One gold press
Gold is kept for the moment you are in the room. The compass on the bar turns toward the press that matters on each screen. On this one, while this press is in view, it points here.
Five marks on the bar
August drew them. Each one answers a hold as well as a tap.
Today
The rooms on today. Its needle turns toward the press that matters on the screen. A hold starts the song.
Stories
What open source is doing, read through your own lens.
SEMBLE
A tap starts a room, or plays the song before you sign in. A hold opens Present. Hold it and draw it down to bring up the bar’s glass.
The Stage
Builders live on the internet. A hold opens Set The Stage.
REACH
A tap opens every door on the site, and two taps open REACH. A hold opens Semble Sonic; hold and draw up to record to the SourceCrowd.
What each colour means
Six colours carry meaning across the site. Each stands for one thing.
Gold
Here.Now, a room that is live, and the lines Semble stands on.
Cyan
A person in: each filled seat, and a room that has moved.
Magenta
The moment a room moves: its seats turn warm.
Violet
The Stage: someone live.
Teal
Work in public: Stories, Sourced, the feed.
Deep blue
A room still gathering, and the anchors that pull you toward one.
See it at work on the rooms in the city today.