On dark / Original artwork PNG
01 / THE STEINN LANGUAGE
One mark. Always Steinn.
Two diagonal strokes. One orange point. A contained, recognizable signature that stays intact across every expression of the brand.
On light / Original artwork PNG
Keep the signature intact.
Use the supplied artwork. Preserve the proportions, rounded tile, diagonal strokes and relationship between Steinn and AI Labs.
Give it room.
Keep a clear area around the logo. Avoid busy imagery, tight crops and surrounding elements that compete with the mark.
Keep the orange point.
Choose the correct artwork for the background. Never stretch, recolor, invert, desaturate or add shadows to the logo.
02 / THE STEINN LANGUAGE
Quiet canvas. Clear signal.
Black and white carry the story. Orange marks the point of attention, not the entire composition.
Logo black
#0B0B0BWhite
#FFFFFFSignature orange
#FE5721Dark canvas
#0A0A0ADark surface
#171717Light canvas
#FFFFFFLight ink
#111111Graphics inherit their contrast from the active theme. The existing motion accent uses OKLCH(0.68 0.19 42); the original logo retains its exact #FE5721 orange. Neutral tones establish hierarchy. Orange remains a small signal.
03 / THE STEINN LANGUAGE
Human words. Precise forms.
Urbanist gives our headlines their open, geometric character. Epilogue keeps the detail readable. IBM Plex Mono adds a technical register to code and reference material.
UrbanistHeadlines / 500–600
Hello, AI-native.
EpilogueBody / 400–500
We build your business to run on AI agents. With you firmly in charge.
Sentence case. Natural spacing. Generous line height. Clear hierarchy before decoration.
IBM Plex MonoCode & reference / 400–500
agent → review → approval
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 / [] + =
Shared website navigation uses Epilogue, including its compact labels. Keep long-form copy comfortable to read. Never compress letter spacing or use all-caps paragraphs.
04 / THE STEINN LANGUAGE
Small points. Whole systems.
Dots are our building material. Together they reveal a mark, a workflow or a connected system. The subject must remain recognizable; the texture is never the idea on its own.
Form before texture.
Build recognizable silhouettes and purposeful paths. Use tonal clusters to add depth without turning the scene into noise.
Space is part of the system.
Leave breathing room between dots. Keep headline areas clear and frame the subject for the available canvas.
One restrained signal.
Let the monochrome structure do the work. A small orange point can mark attention, arrival or human control.
05 / THE STEINN LANGUAGE
Nothing moves without meaning.
Motion makes the system legible. Assembly reveals structure, flow connects steps and a wave makes collective behavior visible. Avoid movement that competes with the message.
Gather.
Particles become a coherent form. Ease into arrival rather than snapping into place.
Connect.
Movement follows a readable route. Keep momentum consistent and transitions continuous.
Release.
Let the system disperse gently. No hard cuts, glow, artificial flashes or decorative explosions.
Scenes pause outside the viewport and respect reduced-motion preferences with a meaningful still frame. Light and dark versions share the same geometry, rhythm and content.
06 / VOICE
Clarity is a brand asset.
We build your business to run on AI agents.
With you firmly in charge.
Direct, not inflated.
Say what we build, who it helps and how the work gets done. Prefer concrete details to sweeping claims.
Technical, not opaque.
Explain the system without hiding behind jargon. Distinguish what is implemented from what is possible.
Confident, not absolute.
Keep people, ownership and oversight explicit. Avoid guarantees, unsupported certifications and invented results.
Steinn AI Labs / Visual identity in practice.
Talk to Steinn