Visual Identity

Last updated: March 2026

Logo
Q
Qflo
Primary — On Blue
Q
Qflo
Secondary — On Light
Q
Qflo
Dark Mode
Color Palette
Primary Blue
#2563EB
Primary Dark
#1E40AF
Primary Light
#3B82F6
Blue Tint
#EFF6FF
Success Green
#22C55E
Warning Amber
#F59E0B
Error Red
#EF4444
Dark Navy
#0F172A
Typography
Latin — Inter
Qflo Queue Management
Headings: Inter 700-900 (Bold to Black)
Body: Inter 400-500 (Regular to Medium)
Sizes: 11px body, 14-22px headings, 32-44px hero
Arabic — Noto Sans Arabic
إدارة الطوابير الذكية
Headings: Noto Sans Arabic 700-800
Body: Noto Sans Arabic 400-500
Line height: 1.5-1.7 for readability
Clear Space
Minimum clear space: equal to the width of the "Q" letter on all sides.
Minimum logo size: 24px icon, 32px with wordmark.
Logo must not be stretched, rotated, recolored, or placed on busy backgrounds.
Brand Guidelines — Page 2
Tone of Voice
💡
Simple
Clear language. No jargon. Both a clinic owner and a patient should understand us.
⚡
Efficient
We eliminate waste — in queues and in words. Short, direct, action-oriented.
🤝
Trustworthy
Professional but approachable. We serve public institutions — reliability matters.
Key Messages
French — Tagline
Fini le chaos des files d'attente.
Qflo digitalise la gestion des files d'attente. Vos clients rejoignent la file via WhatsApp en 10 secondes.
Arabic — Tagline
ودّع فوضى الطوابير.
Qflo يرقمن إدارة الطوابير. عملاؤك ينضمّون للطابور عبر واتساب في 10 ثوانٍ فقط.
French — CTA
Prêt à éliminer les files d'attente ?
Installation en 15 minutes. File immédiate + rendez-vous futur. Aucune application requise pour vos clients.
Arabic — CTA
مستعد للتخلص من الطوابير؟
تثبيت في 15 دقيقة. طابور فوري + موعد مسبق. لا يحتاج عملاؤك لتحميل أي تطبيق.
Do's & Don'ts

✔ Do

  • Use the blue gradient for primary backgrounds
  • Keep text concise and action-oriented
  • Use Noto Sans Arabic for all Arabic text
  • Show the WhatsApp flow as the hero use case
  • Use sector-specific language (clinic, bank, etc.)
  • Include RTL layout for Arabic materials

✘ Don't

  • Use the logo smaller than 24px
  • Place the logo on busy photo backgrounds
  • Mix French and Arabic on the same page
  • Use technical terms (API, webhook, etc.) in customer-facing materials
  • Change brand colors or use gradients not in the palette
  • Use stock photos of Western office settings
Approved Icons
💬
WhatsApp
📱
Messenger
🎫
Ticket
📺
Display
🖥️
Kiosk
📢
Call
📊
Dashboard
🏥
Health
🏦
Bank
🏛️
Government
🌐
Multilingual
⚡
Fast