// interface
In use
How the pieces come together on a page, in a post and in motion.
Interface
// worlds · 01
The Assembly
Twelve robot basketball teams, twelve identity systems, a rulebook, and a site.
brandingweb3dnew
A text link looks like this
What this shows
- One orange button per view. The second action is an outline.
- Lime appears once, on the "new" badge.
- The mono label sits above the heading and names the section.
- The card is the lighter navy with a one pixel line. No shadow.
- Links are the lighter blue and turn lime on hover.
Social
Avatar, every platform
Avatar, every platform
Twelve teams. Twelve identities. Nobody asked for this.
Brand. Site. Film.
- The same avatar on every platform: the stacked mark on navy.
- Finished work fills the frame. The symbol signs it in a corner.
- Text posts sit on a solid navy panel over a pattern.
- Blue and lime fields are for announcements. Use them sparingly so they stay special.
Showing work
- Screenshots and stills sit on navy with generous margin. No device mockups, no tilted angles.
- Every case study opens the same way: a number tile, a mono label, the title, the glyphs for the disciplines used.
- Client work shows the business and the result first, the process second.
- Self-initiated work is labeled as that. It is proof of invention, and it does not pretend to be client work.
Motion
- Things switch on and off, or step from one square to the next. They do not bounce, wobble or spin.
- The logo sting: the two M's land in off-white, then the 1 lights between them. About two seconds.
- Movement is quick and settles cleanly. Short fades, hard cuts, no long eases.
- Every video ends on the stacked mark, held for at least a second and a half.
- Anyone who asks for reduced motion gets none.