Logo
Two unequal droplets meet through one continuous bridge. Use the approved connected-droplet master and supplied signatures.
320 × 320Symbol journey
- Presence
Start with a small, complete mark. A thought becomes useful when it connects with someone else.
- Attention
Increase the whole mark uniformly to draw attention. Keep its shape and diagonal orientation unchanged.
- Exchange
Leave room around the mark. Learning, discussion and collaboration give the connection context.
- Recognition
Let the complete signature settle beside the message. Keep its proportions, bridge and clear space intact.
Select any stage to inspect it. Reduced motion keeps the journey still.
Approved master
Keep the complete silhouette, unequal lobes and continuous bridge intact. Scale uniformly and preserve the approved diagonal orientation.
Unequal lobes, one continuous bridge
Two unequal lobes meet through one continuous bridge. Keep the complete silhouette intact when scaling or placing it.
Clear space · at least 1/8 of the viewport
1/8 ×Digital scale checks
Stacked lockup
App icons
In practice
A lesson worth readingIdeas become useful when they connect.
Turn one clear idea into a learning path. Give the next step room to become useful.
Bilingual signature journey
- Anatomy
Both signatures use the same connected-droplet mark. Keep its unequal lobes and continuous bridge intact.
- Connection
Use the supplied lockup spacing. Leave at least one eighth of the symbol viewport clear around the signature.
- Signature
Use the supplied English or Arabic signature. Each keeps its own type proportions.
- In use
Choose the signature that matches the page language. Align the surrounding content to its reading direction.
Select any stage to inspect it. Reduced motion keeps the journey still.
A small signature leaves room for the message. Keep at least one eighth of the symbol viewport clear around it.
App icon journey
- Anatomy
The app icon uses the complete connected-droplet mark. Its shape and diagonal orientation stay unchanged.
- Connection
Keep the supplied placement and padding. Use the Micro mark at 24–32px and Standard at 48px or larger.
- Signature
Use an official app-icon asset. Its color and spacing are already set.
- In use
Check the icon at its final size, beside other interface elements.
Select any stage to inspect it. Reduced motion keeps the journey still.
Four approved icon surfaces. Keep the supplied mark, placement and padding; do not enlarge it to fill the square.
Ideas become useful when they connect.
Turn one clear idea into a learning path. Give the next step room to become useful.
The message leads. The intact mark signs off without competing with the headline.
Inspect the signature
Use Micro at 24–32px and Standard at 48px or larger. The minimum size is 24px.
Do
Use Navy on White, Algae or Golden; White on Navy. Preserve proportions and verify small-size legibility.
Don’t
Do not stretch, mirror, separate the lobes or redraw the bridge. Keep the logo free of gradients, bevels and shadows.
Rules and source
Protect the geometry
Keep the complete silhouette, unequal lobes and continuous bridge intact. Scale uniformly and preserve the approved diagonal orientation.
Give the idea room
Leave at least one eighth of the 320×320 symbol viewport clear on every side. Use Micro at 24–32px and Standard at 48px or larger. Preserve the supplied lockup spacing and app-icon placement.
Do
Use Navy on White, Algae or Golden; White on Navy. Preserve proportions and verify small-size legibility.
Don’t
Do not stretch, mirror, separate the lobes or redraw the bridge. Keep the logo free of gradients, bevels and shadows.
Open editable Figma sourceSource pages 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 109, 110, 111