Icon
/ brand
Bannaa brand guide
Logo, colors, and usage.
The compact visual reference for Bannaa: logo system, clear space, color palette, typography, and usage examples.
Bannaa Brand Guidelines
Bannaa Brand Guidelines
AI Community for the Arab World
1.Logo system
2.Bannaa expression square
Expression logo
The new logo uses a boxy Blobatar character with eyes only. The black version is the official mark, while the wider color and expression set supports content, community, and product moments.
Static expressions
Boxy
Happy
Sad
Mad
Surprised
Wink
Sleepy
Smug
Unsure
Scared
Love
Shy
Sick
Animated expressions
Motion should stay short and restrained: a blink, bounce, tilt, or sleepy drift. It respects reduced-motion preferences.
Blink
Bounce
Tilt
Sleepy drift
3.Clear space
Maintain clear space around the icon equal to X on all sides. No text, graphics, or other elements should enter this area.
X = unit of measurement4.Expanded color palette
Core colors
#111111#FFFFFF#2563EB#F5F6F8Extended neutrals
#F6EFE5#EDE2D3Warm accents
#E8A48B#EFCFCB#DCE6DE5.Typography
Heading example
Build the future, together.
Body text example
Bannaa is an AI community for the Arab world. We share knowledge, build projects, and create impact together.
Heading example
نبني المستقبل معاً.
Body text example
بنّاء مجتمع لك ذكاء الاصطناعي في العالم العربي. نتشارك المعرفة، نبني المشاريع، ونصنع الأثر معاً.
6.Usage examples
On light background
On dark background
On warm background
7.Do / Don't
Use approved lockups only
Use the Arabic lockup for Arabic contexts
Do not stretch or distort
Do not rotate or add effects
8.Brand principles
Build
We build tools and projects that create impact.
Learn
We learn continuously and share knowledge.
Connect
We connect people, ideas, and opportunities.
Launch
We launch solutions that move the community forward.
9.Application preview
تعلّم الذكاء الاصطناعي بالعربية.
ابدأ الآنDigital / Web
شارك المعرفة. نبني المستقبل معاً.
Community / Social
مرحباً
App / UI

T-shirt

Tote bag

Cap