If you've looked closely at Arabic calligraphy, you've noticed small marks floating above and below the letters. These are harakat (حَرَكَات), also called tashkeel (تَشْكِيل) — the diacritics that guide pronunciation. They're optional in everyday writing but essential in the Qur'an, poetry, and the finest calligraphy. Here's what each one means, why they exist, and how to handle them in your own designs.
Why Arabic needs diacritics
The Arabic alphabet is an abjad: it writes consonants and long vowels, but short vowels are not part of the base letters. The three consonants ك-ت-ب (k-t-b) carry a root meaning to do with writing, and the same written form كتب could be read as:
- kataba — "he wrote"
- kutiba — "it was written"
- kutub — "books"
Same letters, three different words. Harakat remove that ambiguity by marking the short vowels and other sounds directly.
Fluent readers manage without them almost all the time, the way an English reader handles "read" in past and present tense from context. This is why newspapers, novels and websites in Arabic are almost entirely unvocalised. Diacritics appear where ambiguity is unacceptable — sacred text, poetry, dictionaries, legal documents, and materials for children or learners.
A brief history
Early Arabic had neither vowel marks nor the dots that distinguish ب from ت from ث. As Islam spread to non-Arabic-speaking populations in the 7th century, misreading the Qur'an became a genuine concern. Abu al-Aswad al-Du'ali is credited with the first system, using coloured dots placed above, below and beside letters to mark vowels. A century later al-Khalil ibn Ahmad al-Farahidi replaced the dots with the mark shapes still used today — derived from miniature letters, which is why the fatha resembles a tiny alif and the damma a small waw.
The core harakat
The three short vowels
- Fatha (فَتْحَة) — a small diagonal stroke above a letter, giving a short "a," as in بَ (ba). Derived from a miniature alif laid flat.
- Kasra (كَسْرَة) — the same stroke placed below, giving a short "i," as in بِ (bi). The only common mark that sits under the baseline.
- Damma (ضَمَّة) — a small loop above, giving a short "u," as in بُ (bu). Derived from a miniature waw (و).
The modifiers
- Sukun (سُكُون) — a small circle above a letter, marking the absence of a vowel, as in بْ. It tells you the consonant closes a syllable.
- Shadda (شَدَّة) — a mark shaped like a small "w" (in fact a miniature sīn) indicating a doubled, or geminated, consonant, as in بّ. Gemination changes meaning: darasa (he studied) versus darrasa (he taught).
- Tanwin (تَنْوِين) — doubled fatha, kasra or damma, adding an "-n" sound to the end of a word (-an, -in, -un). It marks grammatical indefiniteness, and it's why kitāb becomes kitābun.
Note that shadda combines with a vowel mark: a doubled consonant still needs to tell you which vowel follows it, so you'll frequently see a shadda with a fatha stacked above it, or a shadda with a kasra below.
The ones people forget
- Madda (مَدَّة) — a wavy line over an alif (آ), marking a long "aa" sound. It appears at the start of words like آمَنَ.
- Hamza (هَمْزَة) — the glottal stop (ء). Technically a letter rather than a diacritic, but it behaves like one, perching on top of an alif, waw or ya, or sitting alone on the line. Its placement rules are among the hardest parts of Arabic orthography.
- Alif khanjariya (أَلِف خَنْجَرِيَّة) — the "dagger alif," a small vertical stroke standing in for a long "aa" that isn't written as a full letter. You see it in the most common word in Islamic calligraphy: اللَّه, where the dagger alif sits above the shadda.
- Wasla (وَصْلَة) — a small ṣād-shaped mark over an alif, indicating the vowel is elided when the word follows another in connected speech.
Qur'anic manuscripts add a further layer of marks for recitation — pause signs, elongation marks, and symbols indicating where a reader may or must stop. These belong to a specialised notation system and are usually rendered only by fonts with dedicated Qur'anic support, such as Amiri.
Tashkeel as ornament
Beyond grammar, harakat are a gift to calligraphers. Because they sit in the space above and below the main line, they let the artist fill negative space, add rhythm, and balance a composition. In ornate styles like Thuluth and Diwani, mark placement is a deliberate design decision — marks get stretched, stacked, migrated away from their strict positions, and occasionally invented as pure ornament where the composition needs weight.
This is why a fully vocalised phrase often looks richer and more "complete" than bare consonants. The marks turn a line of text into a textured, layered image, converting empty space into pattern.
When to use harakat in your designs
You don't always need them. A working rule:
- Use full harakat for: Qur'anic verses, religious phrases, poetry, children's content, language-learning material, and any text where correct pronunciation is part of the meaning.
- Use light or no harakat for: logos, modern branding, headlines, and short well-known words where the marks add clutter without adding information.
A name usually reads fine without diacritics — but a single fatha or shadda can create visual interest. See our guide to writing your name in Arabic calligraphy for examples.
For brand work specifically, leave them off. Diacritics break up the silhouette that makes a wordmark recognisable, and they are the first thing to disappear when a logo is scaled down. Our logo guide covers this in more detail.
Typesetting harakat without wrecking them
This is where most designs fail, and the reasons are consistent.
The marks collide with the letters above. Diacritics occupy a fixed proportion of the glyph, and that space doesn't grow as fast as your eye expects when you shrink the type. Fix: raise the font size first. This buys clearance that no spacing adjustment can.
Lines overlap. A kasra hangs below the baseline; a fatha or damma sits above the ascenders of the line beneath. Vocalised Arabic needs roughly 1.6–1.8 line height where unvocalised text is comfortable at 1.3. Fix: increase line height before anything else.
Letters come apart. The instinct when text feels crowded is to add letter spacing. In Arabic this is actively destructive — the script is cursive, and spacing pulls apart strokes that are meant to connect, leaving a word that reads as disconnected fragments. Fix: reduce the size or shorten the text. Reserve letter spacing for deliberate Kufic effects.
Marks look wrong or land in odd places. Not all fonts position diacritics intelligently. Display faces like Rakkas and Lalezar have almost no clearance above the letters and were never designed for vocalised text. Fix: switch to Amiri or Scheherazade, both of which handle marks properly. Our font guide rates each face on this.
Text you pasted lost its marks. Some sites strip diacritics, and some fonts silently fail to render marks they lack glyphs for. Fix: paste into a plain text editor first to confirm the marks survived the copy, then check the rendering in a known-good font like Amiri before blaming the studio.
Add harakat in the studio
In the Arabic calligraphy generator you can type or paste text with full harakat and every mark renders accurately. This matters most for sacred phrases like those in our collection of Islamic calligraphy phrases, where precise vocalisation is part of the meaning — all of the ready-made phrases in the studio are correctly vocalised, so tapping one is safer than transcribing by hand.
If you don't have an Arabic keyboard, the fastest reliable route is to copy vocalised text from a trusted source and paste it in. Typing harakat manually requires a keyboard layout that exposes them on a modifier key, and it's easy to produce a plausible-looking but incorrect result.
A small detail with big impact
Harakat are easy to overlook, but they carry the difference between approximate and exact, between plain and ornate. Get them right and you have far more control over both the meaning and the beauty of your Arabic calligraphy — and you avoid the single most common way a well-designed piece turns out to say something other than what was intended.