Colors

1.00

rgba(250,250,250,1)

rgba(200,200,200,1)

rgba(150,150,150,1)

rgba(100,100,100,1)

rgba(50,50,50,1)

rgba(0,0,0,1)

rgba(0,0,25,1)

rgba(0,0,50,1)

rgba(0,0,75,1)

rgba(0,0,100,1)

rgba(0,50,0,1)

rgba(0,50,25,1)

rgba(0,50,50,1)

rgba(0,50,75,1)

rgba(0,50,100,1)

rgba(0,100,0,1)

rgba(0,100,25,1)

rgba(0,100,50,1)

rgba(0,100,75,1)

rgba(0,100,100,1)

rgba(0,150,0,1)

rgba(0,150,25,1)

rgba(0,150,50,1)

rgba(0,150,75,1)

rgba(0,150,100,1)

rgba(0,200,0,1)

rgba(0,200,25,1)

rgba(0,200,50,1)

rgba(0,200,75,1)

rgba(0,200,100,1)

rgba(50,0,0,1)

rgba(50,0,25,1)

rgba(50,0,50,1)

rgba(50,0,75,1)

rgba(50,0,100,1)

rgba(50,50,0,1)

rgba(50,50,25,1)

rgba(50,50,50,1)

rgba(50,50,75,1)

rgba(50,50,100,1)

rgba(50,100,0,1)

rgba(50,100,25,1)

rgba(50,100,50,1)

rgba(50,100,75,1)

rgba(50,100,100,1)

rgba(50,150,0,1)

rgba(50,150,25,1)

rgba(50,150,50,1)

rgba(50,150,75,1)

rgba(50,150,100,1)

rgba(50,200,0,1)

rgba(50,200,25,1)

rgba(50,200,50,1)

rgba(50,200,75,1)

rgba(50,200,100,1)

rgba(100,0,0,1)

rgba(100,0,25,1)

rgba(100,0,50,1)

rgba(100,0,75,1)

rgba(100,0,100,1)

rgba(100,50,0,1)

rgba(100,50,25,1)

rgba(100,50,50,1)

rgba(100,50,75,1)

rgba(100,50,100,1)

rgba(100,100,0,1)

rgba(100,100,25,1)

rgba(100,100,50,1)

rgba(100,100,75,1)

rgba(100,100,100,1)

rgba(100,150,0,1)

rgba(100,150,25,1)

rgba(100,150,50,1)

rgba(100,150,75,1)

rgba(100,150,100,1)

rgba(100,200,0,1)

rgba(100,200,25,1)

rgba(100,200,50,1)

rgba(100,200,75,1)

rgba(100,200,100,1)

rgba(150,0,0,1)

rgba(150,0,25,1)

rgba(150,0,50,1)

rgba(150,0,75,1)

rgba(150,0,100,1)

rgba(150,50,0,1)

rgba(150,50,25,1)

rgba(150,50,50,1)

rgba(150,50,75,1)

rgba(150,50,100,1)

rgba(150,100,0,1)

rgba(150,100,25,1)

rgba(150,100,50,1)

rgba(150,100,75,1)

rgba(150,100,100,1)

rgba(150,150,0,1)

rgba(150,150,25,1)

rgba(150,150,50,1)

rgba(150,150,75,1)

rgba(150,150,100,1)

rgba(150,200,0,1)

rgba(150,200,25,1)

rgba(150,200,50,1)

rgba(150,200,75,1)

rgba(150,200,100,1)

rgba(200,0,0,1)

rgba(200,0,25,1)

rgba(200,0,50,1)

rgba(200,0,75,1)

rgba(200,0,100,1)

rgba(200,50,0,1)

rgba(200,50,25,1)

rgba(200,50,50,1)

rgba(200,50,75,1)

rgba(200,50,100,1)

rgba(200,100,0,1)

rgba(200,100,25,1)

rgba(200,100,50,1)

rgba(200,100,75,1)

rgba(200,100,100,1)

rgba(200,150,0,1)

rgba(200,150,25,1)

rgba(200,150,50,1)

rgba(200,150,75,1)

rgba(200,150,100,1)

rgba(200,200,0,1)

rgba(200,200,25,1)

rgba(200,200,50,1)

rgba(200,200,75,1)

rgba(200,200,100,1)

rgba(0,0,0,1)

rgba(25,25,25,1)

rgba(50,50,50,1)

rgba(75,75,75,1)

rgba(100,100,100,1)

rgba(125,125,125,1)

rgba(150,150,150,1)

rgba(175,175,175,1)

rgba(200,200,200,1)

rgba(255,255,255,1)

Import

rgba(0,0,0,1) Black

rgba(200,0,0,1) Red

Stroke

Rounded Corner

Round

Thickness

Snapping

Download..

60 $28 Only !!!

Preview

Keyboard Shortcuts

[p] Paint

[e] Erase

[s] Select

[a] Select All

[d] Deselect

[backspace] Delete

[x] Export as SVG

[◀] Left

[▶] Right

[▲] Up

[▼] Down

[1] Plain View

[2] Grid View

[3] Matrix View

[0] Gray View

[9] Dark View

[8] Dark Grid View

[7] Dark Matrix View

Colors ✔︎

Import ︎

Shape ✔︎

Stroke ✔︎

Round ✔︎

Thickness ✔︎

Snapping ✔︎

Previewer ✔︎

Paint

Erase

Select

Select All

Deselect

View Mode ▶︎

Delete

Clear Page

Duplicate

Rotate

Group

Ungroup

Beta: Merge Paths [N] | [L]

Exclude Paths [K]

Copy as [SVG] for Illustrator

Export Preview Image [PNG]

Copy to Illustrator

Logout

By QassimHaider.

   

Donation!
If you use TypoGridApp regularly or for commercial purposes, please consider making a donation via PayPal, to support this open source effort...
Thank you

Comments and Testimonials

Write a comment... Write a comment...

About TypoGrid App.

All Commands and shortcuts

In 2012, Qassim developed the first version of this web application under "Square Kufi / Kufi Murabba" name. The concept of the app was to help users create one kind of arabic calligraphy which is Square Kufi using pen and eraser tools.

Square Kufic is one of the oldest calligraphy style in the arabic heritage. It appears from the thirteenth century on coins, tile work and elsewhere in Iraq, Turkey & Iran. In today’s world, it is used for logotypes by some designers of both, the Arab world as well as globally.

TypoGrid 1.0

At the end of 2014, and after feedback and further development of his vision, He developed a lot of concepts to created an advanced and smart tool for type-designers and graphic designers which would help them to create pixel arts based on a grids system, in a much more faster way. Thus, this web application has now emerged as something more than a tool to create Kufi arabic calligraphy - it has become a Typogrid.

QassimHaider, 2015.

 

Technical Features:

User-friendly interface
Export as SVG (for Adobe Illustrator) and PNG (for Adobe Photoshop)
Import SVG files
Compatible on iPad, Tablets and smart phones

What is new in version 1.3.0 ?

Bold & light thicknesses / Unit controller (Click on + and - keys).
New mode views.
Rounded Corners.
Bug fixes & performance improvements.
More compatible on desktop & tablets.

What is new in version 1.3.1 ?

Bug fixes & performance improvements.

What is new in version 1.3.2 ?

Bug fixes & performance improvements.
Export as SVG (for Adobe Illustrator) and PNG (for Adobe Photoshop) using new technique.

What is new in version 1.3.3 ?

Bug fixes & performance improvements.
Comments feature and Testimonials.

What is new in version 1.3.4 ?

The Arabic letter "Hamza" as ready shape.

What is new in version 1.3.5 & 1.3.6 ?

Unite and Exclude Options, Merging separate paths. [Click on l and k keys].

What is new in version 1.3.7 & 1.3.8 ?

New Selection Tool.

What is new in version 1.3.9 ?

Bug fixes & performance improvements.

What is new in version 1.4 ?

Copy & Paste directly into Adobe Illustrator.

What is new in version 1.4.5 & 1.4.6-7 ? & 1.4.8 ?

Export as preview image [PNG].
Bug fixes & performance improvements.
New Snapping controller.

Disclaimer

Copyright © 2012-2022 qtypography - Bahrain.
All rights reserved.
Reproduction of any kind is expressly prohibited without written permission of qtypography / Qassim Haider. If reproductions are discovered, We reserve the right to prosecute to the fullest extent of the law.

Qassim Haider was raised in a creative environment from an early age. He was attracted to diverse disciplines of art and developed an interest in drawing, painting, calligraphy and designing.
A curious mind that constantly seeks knowledge, Qassim’s portfolio extends to fields as diverse as arabic calligraphy, type-design and web programming.

Qassim was commissioned to develop typefaces and calligraphy for different campaigns and creative projects. His work has been featured in publications and he has spoken at various art forums.

       