العربيةRequest a demo

Brand kit

The logo, colours, type and voice we use. If you are writing about Nteqo or showing its logo, everything you need is here, ready to download.

Download the files
  • Paid
  • Next installment

Drawn on a 32 unit grid. Every stem edge sits on an even unit, so it stays sharp down to 16px.

An N drawn like a payment schedule

The mark is the first letter of Nteqo, built from cells like an installment schedule. The left stem and the diagonal are paid; the right stem is split in two: the lower cell is paid, the upper one is not due yet.

  1. Stem and diagonal

    Recorded payments, in full colour.

  2. Lower cell

    The latest payment the shop recorded.

  3. Upper cell

    The next installment: the same colour at 45% opacity.

The mark is never mirrored on Arabic pages. It is a Latin letter and reads the same in both directions; only its position follows the page direction.

From 16px to 96px
In the header

Preview of the site header in Arabic and English. The logo is the same in both.

Using the logo

Clear space

Keep at least half the height of the mark clear on every side. No text, images or edges inside that space.

x = half the mark height

Minimum sizes

Mark alone
16 pxBrowser tab icon only
Mark in interfaces
24 pxApps, menus and buttons
Horizontal logo
96 pxFull width of mark and name

Do

  • Correct: On the page background, in its own colours

  • Correct: The dark version on dark backgrounds

  • Correct: The one-colour version when colour is not available

Don't

  • Incorrect: Do not mirror the mark on Arabic pages

  • Incorrect: Do not write the name in Arabic letters

  • Incorrect: Do not stretch or squash the logo

  • Incorrect: Do not recolour the mark

  • Incorrect: Do not rotate or tilt the logo

  • Incorrect: Do not place it on a colour close to its own

Colour

The same colours as the Nteqo shop dashboard. Terracotta is for the main action only, olive is the secondary brand colour, and status colours mark real states: paid, due, restricted.

Light
Background#f4eee6
Text#2b2119
Terracotta, the main action#a3401f
Olive, secondary#56622e
Dark
Background#181512
Text#efe7dc
Terracotta, the main action#d9774f
Olive, secondary#b0bf78

Brand

  • Primary
    Light
    #a3401f
    Dark
    #d9774f
  • Primary hover
    Light
    #8a3418
    Dark
    #e58d68
  • On primary
    Light
    #ffffff
    Dark
    #221006
  • Primary soft
    Light
    #f7e4d9
    Dark
    rgba(217, 119, 79, 0.16)
  • Primary text
    Light
    #973a1b
    Dark
    #e6a88b
  • Accent
    Light
    #56622e
    Dark
    #b0bf78
  • Accent soft
    Light
    #e7ead6
    Dark
    rgba(176, 191, 120, 0.14)
  • Accent text
    Light
    #46511f
    Dark
    #c8d493

Surfaces and text

  • Background
    Light
    #f4eee6
    Dark
    #181512
  • Surface
    Light
    #fffbf5
    Dark
    #211d19
  • Surface 2
    Light
    #f6efe5
    Dark
    #2a2520
  • Surface 3
    Light
    #efe5d8
    Dark
    #342e28
  • Border
    Light
    #e5d8c7
    Dark
    #4a4138
  • Border strong
    Light
    #8c755f
    Dark
    #95887a
  • Text
    Light
    #2b2119
    Dark
    #efe7dc
  • Text muted
    Light
    #65533f
    Dark
    #bcae9d

Status

  • Success
    Light
    #3f6b21
    Dark
    #9fcb82
  • Success background
    Light
    #ebf1df
    Dark
    rgba(159, 203, 130, 0.14)
  • Warning
    Light
    #7d4a00
    Dark
    #e0b05c
  • Warning background
    Light
    #fbecd2
    Dark
    rgba(224, 176, 92, 0.15)
  • Danger
    Light
    #a3261b
    Dark
    #f0909a
  • Danger background
    Light
    #f9e2dc
    Dark
    rgba(240, 144, 154, 0.14)
  • Info
    Light
    #2b5c8a
    Dark
    #95bde0
  • Info background
    Light
    #e5edf4
    Dark
    rgba(149, 189, 224, 0.14)

Contrast pairs that pass

Every pair here meets at least WCAG AA, 4.5:1 for body text, in both the light and the dark theme. Ratios are calculated from the token values when the page is built.

Text on backgroundLightDark
TextonBackground13.6:1Pass14.8:1Pass
TextonSurface15.2:1Pass13.6:1Pass
Text mutedonBackground6.3:1Pass8.3:1Pass
Text mutedonSurface7.1:1Pass7.7:1Pass
On primaryonPrimary6.3:1Pass5.8:1Pass
Primary textonSurface6.9:1Pass8.2:1Pass
Primary textonPrimary soft5.8:1Pass6.5:1Pass
Accent textonAccent soft6.9:1Pass7.9:1Pass
SuccessonSuccess background5.4:1Pass6.7:1Pass
WarningonWarning background6.3:1Pass6.1:1Pass
DangeronDanger background5.9:1Pass5.6:1Pass
InfoonInfo background5.9:1Pass6.3:1Pass

Type

One family in two scripts: IBM Plex Sans Arabic and IBM Plex Sans, both self-hosted. Numbers are Western digits with fixed widths, so amounts line up in tables.

تقسيط واضح، دفعة بدفعة.

ا ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي

IBM Plex Sans ArabicArabic headings and text

Paid over time, tracked to the dollar.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

IBM Plex SansLatin text, names and numbers

Type scale

  1. display36-56 pxMonthly installment
  2. 4xl · h132-46 pxMonthly installment
  3. 3xl · h228-36 pxMonthly installment
  4. 2xl28 pxMonthly installment
  5. xl · h322 pxMonthly installment
  6. lg18 pxMonthly installment
  7. base16 pxMonthly installment
  8. md15 pxMonthly installment
  9. sm13 pxMonthly installment
  10. xs12 pxMonthly installment

Weights

  • Regular 400
  • Medium 500
  • Semibold 600
  • Bold 700

Numbers and money

Amounts in US dollars with Western digits. References and IMEI numbers stay in Latin characters and are never translated.

IMEI 356938035643809

Voice and naming

The nameNteqo

One name for the company, the platform, the shop dashboard and the staff app.

Nteqo is the only public name. It is always written in Latin letters, even inside Arabic text. Never translated, never transliterated.

  • CorrectThe shop records payments in Nteqo, and the buyer gets a receipt.
  • IncorrectThe shop records payments in NTEQO, and the buyer gets a receipt.

How we write

  1. Plain and specific

    Say exactly what the product does, in the words a shop owner uses: installment, payment, reminder.

  2. Arabic first

    Arabic is written first, in plain Modern Standard Arabic a Lebanese shop owner reads comfortably, then English. No literal translation either way.

  3. No hype

    No invented numbers, no testimonials, no buzzwords. Every sentence traces to what the product actually does.

  4. Respectful with buyers

    Write to buyers calmly and clearly: what they owe, what they have paid, and when the next payment is due.

  5. Money in numbers

    Amounts in US dollars with Western digits; Lebanese pounds may appear alongside.

Downloads

SVG files with the text outlined, so no font is needed. Colours are the token values shown above.

Press and brand questions

Writing about Nteqo or need the logo in another format? Email mouhamad.almahmoud@nteqo.com

See the platform on your own shop sales

Book a short call. We show you how installment contracts, payments and reminders are recorded, and answer your questions.

Request a demo