Skip to content
Style Guide
v0.1.0

Resources

Downloads

Logo and pattern kits, the brand book split into readable sections, sales collateral and the letterhead template.

Asset kits

Zipped sets of the full-resolution master artwork. Use these when you need print resolution; for screens, the web-ready PNGs in docs/assets/brand/ are smaller and already transparent.

KitContainsSize
Logo kit All approved lockups at full resolution — stacked, horizontal, wordmark, icon and both roundels, in black and white. 983 KB
Pattern kit The three pattern tiles at 4500×4500, for print and large format. 1.3 MB
Favicon kit ICO, PNGs at every required size, and the manifest. See Favicons. 55 KB
WhatsApp one-pagers The single-page campaign graphics, in Arabic and English. 4.0 MB

The brand book

Tomatico's master brand artwork is one continuous canvas roughly 11,700 points tall — a single page that no PDF reader displays comfortably and that is slow to open on a phone. It has been split into six sections along its natural boundaries, each a normal-sized PDF. The complete original is available as well.

Preview of the brand expression section
01 · Brand expression Download PDF · 785 KB
Preview of the logo variants section
02 · Logo variants Download PDF · 190 KB
Preview of the colour and construction section
03 · Colour and construction Download PDF · 282 KB
Preview of the typography section
04 · Typography Download PDF · 200 KB
Preview of the pattern system section
05 · Pattern system Download PDF · 370 KB
Preview of the brand applications section
06 · Brand applications Download PDF · 2.1 MB

Brand Guidelines v1.0 (complete) · 1.1 MB

The five-page Brand Guidelines v1.0 document is the newer of the two sources and is what this style guide is primarily built from. It covers the logo, the icon, the pattern and the type system.

Sales and marketing collateral

Existing printed material. Useful as reference for how the brand has been applied, and as something to hand to a client.

DocumentLanguageSize
Main brochure2.4 MB
B2B presentationEnglish998 KB
PackagesArabic514 KB

Templates

TemplateForSize
A4 letterhead Word. Branded letters and formal documents. 120 KB

Web-ready assets

These are not zipped — link to them directly, or copy them into your project. They are transparent PNGs, cropped to the artwork and sized for screens.

FileSize on diskUse
brand/lockup-black.png · lockup-white.png~46 KBStacked primary lockup
brand/horizontal-black.png · horizontal-white.png~35 KBMasthead, wide spaces
brand/wordmark-black.png · wordmark-white.png~28 KBWhere the icon is already present
brand/icon-black.png · icon-white.png~25 KBThe bare mark
brand/roundel-dark.png · roundel-light.png41–54 KBAvatars, app icons, badges on photos
brand/pattern-01…03.png134–190 KBBackground pattern tiles, 1024px

They are regenerated from the masters by tools/build_assets.py, so they can be rebuilt at different sizes without hand-editing.

The stylesheet

The whole design system is one file.

Download tomatico-ui.css

See Getting started for how to wire it up.

Usage

These are Tomatico's brand assets. They are published here so that anyone building a Tomatico product can reach the correct file rather than recreating one — not as open-licensed artwork. The logo, the icon, the pattern and the name are Tomatico's property. Do not use them for anything that is not a Tomatico product without permission.

The two typefaces are separately licensed under the SIL Open Font License; see Fonts.