Company

Brandbook

Strengthening ambitious innovation. The Hosn Al Tomoh Brand Kit (Version 2.0, October 2026) on this site: the logo in English and Arabic, the Charcoal and Copper palette, IBM Plex Sans and IBM Plex Sans Arabic, patterns, and icons. Use the design tokens, never one-off hex.

Logos

The horizontal lockup is the primary logo: the symbol and the name Hosn Al Tomoh (حصن الطموح) always together. English pages use the English lockup, Arabic pages the Arabic lockup, and the bilingual lockup is for signage and documents that serve both. The descriptor lockup adds Technology / للتكنولوجيا and appears only where the registered name Hosn Al Tomoh Technology L.L.C matters, such as contracts and stationery. Use full colour on white, paper and light photographs, and the reverse lockup on Charcoal. Keep clear space equal to the cap height of the name, never set the horizontal lockup below 120px wide, and never redraw, recolour or stretch it. Files live under public/brand/logo/.

Horizontal, full colour

Horizontal, for dark grounds

Horizontal Arabic, full colour

Horizontal Arabic, for dark grounds

Bilingual horizontal, full colour

Bilingual horizontal, for dark grounds

With descriptor, full colour

With Arabic descriptor, full colour

Symbol, full colour

Symbol, for dark grounds

Colours

Charcoal grounds, Paper and white pages, and one Copper accent. Pages are mostly Paper and white; Charcoal anchors covers, sections and footers and stays plain; Copper is the spark. Copper Deep is the accent for small text on light grounds, Copper is for graphics and large type, and Copper Light is the accent on dark. White text sits on Charcoal, Graphite or Copper Deep, never on Copper. In code, use the role tokens such as --hat-ground, --hat-accent and --hat-cta.

Charcoal ground

--hat-charcoal #1F2226

Obsidian deep

--hat-obsidian #15171A

Graphite head

--hat-graphite #2D3237

Iron text strong

--hat-iron #4A5057

Slate muted

--hat-slate #6B7279

Ash disabled

--hat-ash #A9AEB3

Mist rule

--hat-mist #E3E5E7

Paper paper

--hat-paper #F6F5F2

Copper Deep accent text

--hat-copper-deep #9A5F47

Copper accent

--hat-copper #B87659

Copper Light accent on dark

--hat-copper-light #E9A283

Copper Tint tint

--hat-copper-tint #F3E6DE

Typography

IBM Plex Sans for every Latin word and IBM Plex Sans Arabic for Arabic headlines and text, both loaded with next/font in app/layout.tsx. Headings are in sentence case without a full stop. Body text is 16 to 20px at line height 1.6. Numbers stay in Western digits in both languages.

IBM Plex Sans / 700

Strengthening ambitious innovation

IBM Plex Sans Arabic / 700

تعزيز الابتكار الطموح

Body / 400

We design, build, secure and run the systems organisations depend on.

نصمّم الأنظمة التي تعتمد عليها المؤسسات ونبنيها ونؤمّنها ونشغّلها.

Patterns

Patterns live on light grounds only; Charcoal grounds stay plain and matte. Use one pattern per section, at low contrast, behind content rather than competing with it.

Managed services

Rampart

Ashlar

Keep

Arrow slit

Gates

Symbol repeat

Icons

104 icons on a 24 unit grid with a 1.75 stroke, round caps and joins, and one copper accent stroke that carries the meaning. Import them from @/components/icons/brandIcons.generated. App icons place the symbol at 60 per cent of the tile; favicons use the flat symbol.

Software development

Cloud migration

Systems integration

Cyber security

Managed services

DevOps

Data analytics

Training

Favicon (flat symbol)
favicon.svg

Favicon 32
favicon-32.png

App icon 192
icon-192.png

App icon 512
icon-512.png

Apple touch
apple-touch-icon.png