MASDigitalLabs

Colophon

How this site is made.

We hold our own site to the standard we hold our products: designed whole, built in-house, and honest about how it works. This page documents the materials.

The mark

Three pillars on a baseline.

The emblem is the partners’ own — three faceted pillars rising to a summit, vectorized in-house from their original and drawn on this site as pure geometry, so it renders sharp at any size and in any colour. In the round, it is the same polygon data extruded into solids.

Drawn flat. Held in the round.

Typefaces

Three voices, one register.

A display serif with real optical sizing, a plain-spoken sans, and a mono for the labels — self-hosted, subset, and loaded without layout shift.

Display

Fraunces — variable, optical sizes 9–144

Physical precision. Digital intelligence.

Text

Instrument Sans

Body copy is set plainly, sized for reading, and never asked to shout. The serif does the talking; the sans does the explaining.

Detail

IBM Plex Mono

Few. Whole. Owned. · 25°47′N 55°57′E

Labels, coordinates, registry numbers — anything that reads like a record is set in the mono, tracked wide.

Arabic

Amiri · IBM Plex Sans Arabic

قليلة. كاملة. مملوكة.

Palette

Warm mineral grounds, espresso ink, one clay accent.

Eight tokens, no more. Every colour is named for a material of the emirate, and every pairing is held to WCAG contrast before it ships.

  • Bone#f3efe7The ground — every light page sits on it
  • Bone deep#eae4d7Recessed panels and quiet sections
  • Ink#191510Text, buttons, the mark
  • Ink soft#464036Body copy on light grounds
  • Stone#665f52Labels and captions — tuned to 4.5:1 on bone
  • Clay#96522cThe single accent, used sparingly
  • Clay bright#c98a55Clay's voice on dark grounds
  • Night#14110dDark scenes — the hero, the footer

Imagery

Nothing borrowed.

There is no stock photography on this site — no licensed landscapes, no rented hands typing on laptops. Every image is one of two things: an artwork drawn in code by the lab (the dusk terrain, the contour fields, the material and interface studies) or an asset produced by one of our own products.

The generative scenes are deterministic — seeded, so they render identically on every visit. What looks like atmosphere is actually a drawing that can be reproduced line for line.

The build

Held to the house standard.

The same discipline the products get: measured, audited, and honest about what runs where.

Framework
Next.js — every page statically rendered
Type delivery
Self-hosted, subset, zero layout shift
Analytics
None. No trackers, no cookies, no consent banner needed
Accessibility
Audited against WCAG 2.1 AA — zero violations at last audit
Motion
Fully neutralised under prefers-reduced-motion
Imagery
No stock. Everything drawn in code or from our products

The absence of analytics is a design decision, not an oversight — what this site knows about you is nothing, and the privacy page can therefore stay short.

The site is the smallest thing we make this carefully.