← Back to home

Brand & logo

wathila is a product by wathl and uses wathl's visual language: ink, red and paper, slanted geometric shapes, and glass over blurred logo shapes.

Name: وثِيلة in Arabic, wathila in English. The kasra in «وثِيلة» is red, like the kasra in «واثِل», tying the product to its parent brand.

The logo

wathila logo, English inlineInline, English first (left-to-right pages)
wathila logo, Arabic inlineInline, Arabic first (right-to-left pages)
wathila horizontal logoHorizontal
wathila horizontal logo, reversedHorizontal, on dark
wathila stacked logoStacked
وثِيلةwathilaArabic and English wordmarks

Logo placement by language

On Arabic pages the logo sits at the top right and reads Arabic first; on English pages it sits at the top left and reads English first. The live orb button follows the same rule: bottom right in Arabic, bottom left in English.

The symbol

The agent's face: two eyes slanted like wathl's strokes, at different heights for an attentive look, and a red wathl triangle for a mouth, the moment of reply. The face sits on a soft slanted glass lens with no sharp corners, on an Earth that turns slowly west to east with a 23.44° axial tilt. It blinks, looks around, follows the pointer, and orbits the globe before returning.

The live symbol

Site pages
In product
Widget button

The static symbol

Glass agent symbolGlass, for screens
Reversed agent symbolReversed, on dark
Flat agent symbolFlat, for print and small sizes
App iconBrowser icon
App and browser icons

Colors

wathl ink#2B3C46
wathl red#A7353A
Paper#F4F4EE
Secondary text#56656E
Slate#6E8794

Type

The site uses wathl's own type (Segoe UI, then Tahoma). The logo wordmarks are fixed outlines drawn from IBM Plex Sans Arabic Bold (open OFL license), so they look the same on every device.

Icons

Line icons, 1.7 stroke, rounded ends, on a 24-point grid, in ink.

Store
Restaurant & café
SaaS platform
Website widget
Voice note
Phone
Confirm
National address
Handover to staff
Dialects
Data protection
Payment link

Usage

DoLeave clear space around the symbol of at least half its width. Use the reversed version on dark backgrounds. Mention "a product by wathl" in the footer and product pages.
Don'tChange the symbol's colors, slant or stretch the logo, place it over a busy image, change the eyes or mouth, or show the face without its lens.