Style combination · Pairs well
Bitmap × Square Kufic
Both build letters from square units, and Sakkal compares building bricks to large pixels; set a bitmap Latin wordmark on the same cell size as a square-Kufic mark for a bilingual identity, but keep sacred formulas out of jokey, game-like pixel contexts.
01
What each style brings
Each part of the design comes from the style with the stronger say in it, and each style gives at least two.
Bitmap & Pixel Graphics Square Kufic (Bannāʾī)
- Type from Square Kufic
- Colour from Square Kufic
- Form from Bitmap
- Composition from Square Kufic
- Surface from Bitmap
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Square Kufic
Signal
Reem Kufi, standing in for Bannāʾī (maʿqilī): square Kufic laid in glazed and unglazed bricks or tiles, one brick or tile per grid unit, with stroke and gap of equal width
Text · Bitmap
Graphics and lettering built from the square pixels of low-resolution screens (arcade and console sprites, home-computer displays and the first graphical user interfaces), where every dot was placed by hand within tight limits of memory, resolution and palette. Designers such as Susan Kare turned those constraints into a language of legible pictogram icons, jagged bitmap fonts and dithered tones.
VT323; Bitmap used Chicago and Geneva and Monaco
03
The colours
The ground and leading colours come from Square Kufic, with a counter-accent from Bitmap. The ink reads on the ground at 4.5:1 or more.
Bitmap & Pixel Graphics Square Kufic (Bannāʾī)
-
#f3eee3ground · 36% -
#161616ink · 14% -
#2a9ea6accent · 18% -
#9bbc0faccent · 14% -
#1e3d8faccent · 10% -
#ff55ffaccent · 8%
As CSS
:root {
--ground: #f3eee3;
--ink: #161616;
--accent-1: #2a9ea6;
--accent-2: #9bbc0f;
--accent-3: #1e3d8f;
--accent-4: #ff55ff;
--font-display: "Reem Kufi", cursive;
--font-text: "VT323", monospace;
}
Use it with care
Square Kufic (Bannāʾī): Square-Kufic panels almost always spell sacred words: the names of God, Muhammad and ʿAli, the shahada, the takbir or Qur'anic phrases. Never crop, mirror or scramble them, never fill a surface with invented pseudo-Kufic as a pixel texture, and keep such text off floors, footwear, packaging and other throwaway surfaces. Some formulas belong to one community, such as the Shiʿi addition 'ʿAli is the friend of God', so have every composition read and approved by a fluent reader or a square-Kufic calligrapher, and commission or credit living calligraphers rather than tracing panels from buildings. The square-Kufic takbir band belongs to the flag of the Islamic Republic of Iran (since July 1980), and many Iranian opposition groups and diaspora communities fly the Lion and Sun flag or a plain tricolour instead, so do not quote the band as decorative Persian shorthand. Do not treat the names Muhammad and ʿAli together as neutral filler either: they interlock on the minarets of the Shah Mosque in Isfahan, and they also appear in the blue brickwork of the Timurid shrine of the Sunni Sufi Khoja Ahmed Yasavi, so check how the community commissioning the work reads them.
04
The two styles
05
More combinations
With Bitmap
- Andean Woven Graphic Systems Pairs well · The woven cell of Andean tapestry is a pre-digital pixel grid; draw pixel icons with its stepped diagonals, but credit weaving communities rather than copying their motifs.
- Skeuomorphic UI Contrasts · Photoreal leather and glass are the opposite pole of 1-bit honesty; jump from one to the other to tell a story of interface history.
- International Typographic Style Pairs well · Snap pixel type and icons to a strict Swiss grid for a rational, screen-native take on modernist order.
- Art Nouveau Contrasts · Whiplash curves cannot survive a coarse pixel grid; staging that clash makes a memorable, deliberately jagged ornament.
- Kawaii Design Pairs well · Sprite-scale characters and kawaii roundness merge naturally; keep the palette limited so pixel mascots stay crisp.
- Demoscene Graphics (Cracktros, Demos & Text-Mode Art) Contrasts · Bitmap graphics is the legible, flat pixel of icons, sprites and system fonts; scene graphics spend the same pixels on chrome, gradients and motion for show. Pick the icon grid for an interface and the scene logo for a title screen.
- Isometric Pixel Art Contrasts · Same hand-placed pixels, but front-on icons and sprites under hardware limits against a crammed, full-colour 2:1 city made as a picture.
- Diné (Navajo) Weaving Design Pairs well · The weft step and the pixel are the same constraint. Draw icons and letters with stepped diagonals on a square grid, and credit the weaving logic rather than lifting particular rug designs.
With Square Kufic
- Islamic Geometric & Calligraphic Tradition Contrasts · The parent tradition mixes cursive Thuluth and Naskh, girih stars and arabesque, while square Kufic keeps only the orthogonal grid; choose square Kufic when a design needs one rigid two-tone module, and the wider tradition when it needs curves, interlace and polychrome hierarchy.
- Iranian Modernist Graphic Design Pairs well · Persian Wikipedia records bannāʾī in modern posters, logos and letterheads, and the atlas's Iranian modernist entry counts it among its Persian scripts; pair a square-Kufic title block with a Nastaʿlīq line and one flat figure for a Persian cultural poster.
- Andean Woven Graphic Systems Contrasts · T'oqapu also fill square cells on a grid, but with signs of rank rather than legible words; compare them to see how a grid can carry writing or emblem, and never blend the two sacred systems into a generic 'geometric' pattern.
- Soviet Central Asian Ornamental Modernism Contrasts · The atlas's Soviet Central Asian entry recommends display capitals built on its mosaic or panjara module after the bannāʾī principle of tiles as pixels, for Cyrillic and Latin names only and with no Arabic script or pseudo-Kufic; use that route when a grid-built wordmark must stay secular, and square Kufic only for Arabic-script words read and approved by a fluent reader.
- Contemporary Arabic & Dual-Script Type Design Pairs well · Set reading text in a low-contrast Kufi-derived Arabic sans matched to its Latin companion, and keep square Kufic for the emblem or panel, where legibility may give way to pattern.
- Turkish Modernist Poster & Graphic Design Pairs well · Erkmen set the Latin initials TİEM on a square-Kufic grid for the Türk ve İslam Eserleri Müzesi logo, and Ertel drew on Kufic for a Ministry of Culture logo; borrow the bannāʾī grid as a structure for a mark, but check what any Kufic letters spell before using them.
- Vyaz (Ornamental Slavonic Lettering) Contrasts · Both turn sacred words into a dense band that reads first as pattern, but square Kufic snaps letters to an orthogonal grid of equal stroke and gap, while vyaz stretches free pen-drawn letters upward and plugs the gaps with plant filler; choose the grid or the calligraphic interlace, and never blend the two sacred scripts into a generic 'ancient' texture.
- Ottoman Tughra & Dîvânî Chancery Calligraphy Contrasts · Square Kufic binds Arabic letters to a square grid of straight strokes; the tughra frees them into sweeping loops and tall shafts. Use the grid for a modular, tiled emblem and the tughra for a single flourishing signature.