Dafaaly brand kit

Everything you need to use the Dafaaly brand correctly: logos, colours, fonts and usage rules. Download any file, or the whole kit.

The idea behind the logo

Why it looks this way: three simple ideas.

The mark

A circle above a bar inside a square: the circle is the customer or the payment, the bar is your page and the booking slot. Customer, booking, payment, in one place.

The colour

Lime for a fresh start and speed, navy for trust and safety. Together they are the face of Dafaaly.

The name

«دفعلي» sounds like everyday speech: one simple word for paying and booking in a moment. Dafaaly keeps the same rhythm in English.

Logos

Arabic and English: colour for light backgrounds and white for dark ones, as transparent PNG and vector SVG. Plus an automatic version that follows light and dark mode.

شعار دفعلي
Arabic · ColourFor white and light backgroundsPNGSVG
شعار دفعلي أبيض
Arabic · WhiteFor dark backgrounds and photosPNGSVG
Dafaaly logo
English · ColourFor light backgroundsPNGSVG
Dafaaly logo white
English · WhiteFor dark backgroundsPNGSVG
شعار دفعلي تلقائي
عربي · تلقائيSVG بيغيّر لون النص حسب وضع جهاز الزائر (فاتح أو داكن)SVG
Dafaaly logo auto
English · AutoSVG: the wordmark follows the visitor device mode (light or dark)SVG

The mark (icon)

The mark on its own, for avatars, browser icons and apps. A vector SVG and ready PNG sizes.

Dafaaly mark
Mark · Lime1024 and 512 pxPNG 1024PNG 512
Dafaaly mark SVG
Mark · SVGVector, for print and signageSVG
Dafaaly glyph
Glyph only · NavyNo square, transparentPNG
Dafaaly app icon
App icon192 px and faviconPNG 192ICO

Colour system

Three groups, each colour has a job. Click a colour to copy its code.

PrimaryThe face of the brand, used everywhere
SecondaryFor emphasis and states, in small amounts
NeutralBackgrounds, borders and secondary text

The ideal balance

Most of a page is light and calm, navy carries text and buttons, lime is the touch that catches the eye.

Try a combination

Pick a background and a text colour and see if it reads comfortably (AA or higher is fine).

Dafaaly · book without the hassle

Typography

Two Google Fonts, free for commercial use.

Readex Pro
Dafaaly · book without the hassle
Headings, buttons and numbers · 400 / 600 / 700

Open on Google Fonts ↗

IBM Plex Sans Arabic
A professional page with your services, prices, photos and WhatsApp.
Body text and interface · 400 / 500 / 600 / 700

Open on Google Fonts ↗

Usage rules

✓ Do

  • Use the colour logo on white and light backgrounds, and the white one on navy and dark photos.
  • Keep clear space around the logo at least the height of the circle in the mark.
  • Minimum width: 90 px for the full logo, 24 px for the mark.
  • Write the name as “Dafaaly” in English and «دفعلي» in Arabic.

✕ Do not

  • Do not stretch, squash or rotate the logo.
  • Do not change its colours or add shadows or glows.
  • Do not place it on a background that makes it hard to read (lime on white, for example).
  • Do not redraw the mark: use the files in the kit.

Share images

For social posts and for the preview when the link is shared.

Dafaaly share image Arabic
ArabicPNG
Dafaaly share image English
EnglishPNG

Questions about usage, or need a file in another format? Write to Book a video call