Built to
move people.
A practical identity system for an interactive web experience studio.
Strategy · identity · voice · motion · sound · digital application01
Foundation
What the brand
stands for.
Brand idea
Make information feel alive.
Anything but Static transforms a client’s story into a digital place people can explore. The identity behaves like a friendly information machine: clear enough to trust, lively enough to remember.
We turn brand stories into interactive websites people remember.
Interactive web experience studio.
Strategy, story, design, motion and code developed as one connected experience.
Primary audience
Founders and brand leaders with something real to say.
They have outgrown a generic website and want a digital presence that expresses why their business matters—not merely what pages it contains.
What they need to feel
- “They understand the business.”
- “They can make us distinctive.”
- “They can actually build the idea.”
- “This will still be usable.”
What they should remember
“They make websites that feel alive.”
Personality sliders
IntelligentObscure
PlayfulSilly
AssuredCorporate
InventiveChaotic
HumanCutesy
02
Identity
A system that
will not sit still.
Anything but Static
Primary horizontal lockup
Anything
but Static
but Static
Stacked lockup
Motion mark / favicon
Anything but Static
Single-colour lockup
x
Anything but Static
xKeep clear space equal to the cap height of “Anything” on every side.
Anything but Static
140px digital / 38mm printBelow this size use the motion mark without the wordmark.
Do not
Anything but Static
Stretch or condenseAnything but Static
Add effects or gradientsAnything but Static
Use low contrastAnything but Static
Place over busy imageryCore palette
Bright signals.
Grounded by ink.
The colour system is intentionally provisional. Relationships matter more than these exact hues: one dark ground, one warm neutral and four distinct signal colours.Recommended digital ratio
50% Ink28% Paper8%6%5%3%
Typography
Make the
important bit
impossible to miss.
Clear enough for the useful details.
IBM Plex Sans carries service explanations, case studies, proposals and practical interface text. Keep lines short, hierarchy obvious and language human.
Recommended body: 16–20px digital / 10–12pt print
Line height: 135–155%
Maximum measure: 70 characters
ENTRY 03 / STATUS: INTERESTING
Use for metadata, labels, dates, chapter numbers and understated jokes. Never use it for long paragraphs.
03
Expression
How the system
behaves.
Motion principle
Arrive. Overshoot. Settle. Notice.
Movement should feel like a friendly machine assembling itself: decisive entry, a small elastic overshoot, then a stable resting state. After settling, an occasional tiny wiggle reminds the visitor the system is alive.
Buttons, tags and small interface responses. Fast enough to feel direct.
Headlines, navigation bars and panels entering a scene.
A rare secondary movement. Never apply to body copy or form fields.
Progress indicators and scene transitions should reflect real user movement.
Do
- Make interactions respond immediately.
- Use one dominant motion per scene.
- Synchronise soft sound with visible cause.
- Respect reduced-motion preferences.
Do not
- Keep everything moving continuously.
- Delay access to basic information.
- Use random movement that looks broken.
- Turn ordinary navigation into a puzzle.
Voice
Sharp thinking.
Friendly delivery.
Say what we make before showing how clever we are.
“We turn brand stories into interactive websites people remember.”
The joke should feel discovered, never announced.
“No newsletter. No automated pitch deck. No suspicious countdown timer.”
Use tangible outcomes instead of agency fog.
“A guided content path from curiosity to confidence.”
Buttons should suggest an action and its reward.
“Open the case files” beats “Learn more.”
Language examples
AvoidUseWhy
We leverage cutting-edge solutions.We combine story, design and code.Concrete and believable.
Immersive digital transformation.A website people can explore.Human language.
Click here.See what happens.Action plus curiosity.
We disrupt static experiences.We make information feel alive.Ownable without posturing.
Sound
Soft punctuation,
not a soundtrack.
Audio supports the feeling of a responsive machine. It remains optional, never carries essential meaning and must stop immediately when muted.
01PopSoft wooden or rubber click / panel arrival02WiggleTwo-note elastic chirp / playful correction03RevealThree restrained notes / earned discovery04AmbienceSparse warm chords / silence remains audible
04
Application
The brand
at work.
Core interface parts
ENTRY 04 / SIGNAL OPEN
02Narrative UX+
Homepage principles
Business clarity
inside a living system.
- 01Say what we do in the first viewport.
- 02Let one action wake the experience.
- 03Make progress visible.
- 04Clearly label real and conceptual work.
- 05End with a human invitation.
ANYTHING BUT STATICSTART SOMETHING
INTERACTIVE WEB EXPERIENCE STUDIOWE BUILD WEBSITES
WE BUILD WEBSITES
THAT REFUSE TO
SIT STILL.
Imagery and illustration
01
Use evidence with graphic intervention.
Real people, spaces, products and work—cropped decisively and combined with bars, labels or drawn diagram elements.
ABS
Use abstract scenes when the idea is the subject.
Simple geometry should explain, frame or animate a concept rather than decorate empty space.
TEAMWORK.JPG
Avoid anonymous stock metaphors.
No handshakes, floating dashboards, generic neon tunnels or people pointing at glass walls.
Accessibility
Alive for everyone.
- Minimum WCAG AA colour contrast for functional text.
- Visible keyboard focus on every interactive control.
- A quiet entry and persistent mute control.
- No essential information communicated by colour, sound or motion alone.
- Reduced-motion mode removes continuous and decorative movement.
- Touch targets at least 44 × 44px.
- Plain navigation remains available throughout the theatrical experience.
Brand governance
- Can a new visitor explain what we sell?
- Does every movement have a cause or purpose?
- Is real work labelled honestly?
- Does the experience still work silently?
- Exact colour values
- Final trademark artwork
- Production email and form endpoint
- Public social handles
- Clarity before cleverness
- Respect for user control
- Honest case-study labelling
- Client story over studio house style