From one symbol, a whole language.
The rooms and walls of the key become a pattern, a grid, an icon style and a way of moving.
The floor plan, as a pattern.
The base tileThree rooms from the symbol head. Outlined for texture, filled to highlight.
StatesA filled room marks something active — an occupied unit, a paid month, an open request.
Built on one module. The wall of a room.
1x = wall thickness01
1x module
Every wall, room width and tooth snaps to the wall thickness. Rooms are 1x wide; walls are 1x thick.
02
Rooms 2 : 1 : 1
The tall room is twice the height of each stacked room — one main space, two smaller ones.
03
Soft corners
Outer corners are rounded at roughly 0.5x. Interior rooms stay square so they read as plans.
04
Lockup ratio
In the horizontal logo, the symbol height equals the wordmark cap height × 1.6, with a 0.75x gap.
Drawn like the symbol. Soft outside, square within.
24px grid2px padding. Scale in steps of 4.
1.75 strokeRound caps and joins. Never filled, except for an active state.
3px cornersOuter shapes are rounded; interior lines meet square, like rooms.
Rooms first. Then the key turns.
The head appears
A calm scale-in. No bounce.
Rooms open, one by one
Tall room, then the two small rooms — like lights switching on.
The key extends
The shaft drops and the teeth slide out.
Name settles in
The wordmark fades in last. Total under 3 seconds.