DateMay 2017
ClientAhmed AlGhamdi (Riyadh, KSA)
DisciplineTechnology · Web Development & UI/UX Lab

Brand Identity Development

ASITE.

ASITE logo

A folded ribbon 'A' for a studio that builds and designs the web in one place.

00

The Contents

01

The Introduction

About the project · our role · our approach

About the Project

ASITE is a web development and UI/UX lab. Its mark — a folded, dimensional 'A' in two blues with a clean geometric wordmark — signals precision and craft in digital product. Mohammed Vaseeuddin was asked to build a sharp, modern identity that reads equally to engineers and to the brands they design for.

Our Role — Mohammed Vaseeuddin

  • Refine the folded-A mark and squared wordmark
  • Define a precise, technical-yet-human visual language
  • Establish a clear, confident product voice
  • Set colour and type for product, pitch and web

01Discovery

Understand the lab's craft, clients and the dev-plus-design promise.

02Essence

Frame ASITE as where build and design meet.

03System

Mark behaviour, UI-ready palette and type, and templates for case studies.

02

Brand Origin Story

History & heritage

ASITE was founded on a simple frustration: too often, the people who design a site and the people who build it never share a room. ASITE is both — a lab where UI/UX and development sit together, so an interface is engineered as carefully as it is drawn. The folded 'A' is that idea made visual: a single ribbon that turns a flat letter into something structural, built.

03

Vision & Mission

Mission · vision · promise · essence statement

Mission — what we do today

To design and build digital products where the experience and the engineering are one craft.

Vision — future aspiration

To be the studio brands trust when a site has to look right and work flawlessly.

Brand Promise

Designed with intent, built to last — no handoff gap.

Brand Essence Statement

ASITE is design and development, folded into one.

04

Core Values

The principles that guide ASITE

CraftCare in the pixel and the codebase alike.
PrecisionDetails decide whether software feels good.
ClaritySimple interfaces over clever ones.
PartnershipBuild with clients, not just for them.
05

Brand Essence

Meaning · culture · interpretation

Name & symbol

'A site' — the thing they make; the folded ribbon 'A' turns a flat letter into something structural and built.

Cultural resonance

In tech, a confident geometric mark signals competence and modernity to founders and CTOs alike.

Emotional recipe

Confidence and relief — the sense that the work is in capable hands.

Interpretation for the brand

Lead with the dimensional A and the squared type; keep UI clean, blue-led and generous with space.

06

Brand Archetype

Archetype · personality · tone of voice

Primary — CreatorSecondary — Sage

Sharp, precise and approachable — ASITE speaks like a senior engineer-designer: clear, confident and jargon-light, explaining the 'why' as readily as the 'what'.

PreciseModernConfidentClearTechnical
07

Visual Identity

Logo · typography · colour · mood

Primary typeface
Rajdhani

A squared, technical sans matching the wordmark — for headings, UI labels and product chrome.

Secondary typeface
Inter

A workhorse interface sans for body copy, documentation and dense UI.

ASITE Blue
Primary
HEX#1E7FD8
RGB30·127·216
CMYK86·41·0·15
PANTONEnearest — confirm on press
Sky
Secondary
HEX#2FBDEF
RGB47·189·239
CMYK80·21·0·6
PANTONEnearest — confirm on press
Graphite
Ink
HEX#1E2229
RGB30·34·41
CMYK27·17·0·84
PANTONEnearest — confirm on press
Cloud
Ground
HEX#F2F5F8
RGB242·245·248
CMYK2·1·0·3
PANTONEnearest — confirm on press
Mood board direction

Crisp interface mockups, isometric and folded-paper forms, blueprint grids, code on dark glass and generous negative space. Precise, dimensional and unmistakably digital.

Folded-AIsometricBlueprint gridUI mockupsTwo-blueNegative space
08

Business Stationery

First applications & handover

LetterheadFolded-A mark with studio contact block.
Proposal / SOWBranded scope and estimate template.
Business cardMark-forward card for the team.
Case studyTemplated project write-up layout.
Email signatureCompact mark and link block.
Social kitLaunch and behind-the-build templates.

Thank You.

Mohammed Vaseeuddin

where reason meets resonance