An identity with method. And spirit.
Explore the elements that shape SWOTvibe, in an interactive presentation from letterform and color to composition and motion.
A clear presence. A lasting impression.
From letterform to color.
From idea to expression.
A method finds its spirit.
The name brings the balance of upright letters together with the freedom of italics.
The balance of a method
Upright letters. A clear rhythm.
The spirit of an idea
Italic letters. A light movement.
One name. Two rhythms.
The letters share a baseline, with a deliberate difference in their movement.
01Upright and italic, on one baseline.
02The green triangle replaces the letter’s dot.
03The same Latin wordmark in both languages.
Light defines a presence.
An illuminated ring surrounds a dark center. The brightest light is at the lower left, with a secondary light at the upper right.
An illuminated ring and a disc with a deep green center. The direction of light stays consistent across applications.
A quiet depth. A moment of light.
Ink and ivory build the scene. Signal green draws attention to action and change.
Select a color to copy it. Signal is reserved for moments of action and change; text on ivory uses the darker signal shade.
Arabic, with room for its rhythm.
Amiri for expressive headlines. Noto Naskh Arabic for body text and continuous reading.
مساحتها.
نعطي الكلمات وقتها في القراءة، ونترك بين السطور مساحة يكتمل بها المعنى.
A type specimen illustrating the fonts.
The balance of type. The freedom of italics.
Tinos headlines pair with IBM Plex Sans body text. Italics give the expressive part of a phrase its rhythm.
A living spirit.
Balance for headlines. Clarity for reading.
Space is part of the idea.
Clear alignment and a hierarchy that gives headlines presence and details their place.
Spacing follows a shared rhythm: 4, 8, 16, 24, 32, 48, 64 and 96 pixels. Content moves from the headline to the details.
The idea first.
Details find
their place.
A small signal. A clear meaning.
Lucide icons with light, 1.5-weight strokes, and color that communicates state.
One family. Different spaces.
Portrait, square and horizontal compositions, united by the mark, type and color. Illustrative studies from the presentation.
Build right.
Build fast.
Room for an idea.
Illustrative applications from the presentation, proposed for review.
One message. An adaptable expression.
Choose a platform, then a format. The same idea can become a carousel, a message, a story or a longer read.
Quiet motion. A lasting impression.
Short ease-out transitions, from 120 to 420 milliseconds, respecting reduced-motion preferences.
A calm curve without bounce. Light keeps its direction as the idea moves gently.
120–420 ms · ease-outThe origin is preserved. The composition evolves.
The mark, ring, colors and type come from the identity system. The presentation and its applications remain visual studies, rather than a new approval of the identity.
The wordmark and eclipse come from the identity components.
Color, type and motion come from shared design tokens.
This presentation preserves the meaning and adapts its expression for the bilingual website.
Use the arrow keys while the presentation is focused, or open contents to jump to a topic.