Cloud Mist Labs

The tour — Cloud Mist Labs

· the tour · brand handoff · 13 stops · ~52 min

A top-down read of the system.

Read in order. The first six stops are the system. The rest are how it gets used. Each stop links to the page it describes — read what you need, skip what you don’t.

  1. § 01 · Start here

    The brief, in one paragraph.

    Cloud Mist Labs is a software-consulting practice in Dubai. Three people. Three strata — Edge, Services, Data. The brand sits on one premise: a calm system is a correct one. Read this tour top-down. The first six stops are the system; the rest are how it gets used.

    Open /about

  2. § 02 · The mark

    Stratum — three pills, signed.

    Three offset pills read as cloud strata and as the layers of a software stack. Six variants, a 96-unit construction grid, six lockups, palette, applications, misuses. If you only read one brand page, read this one.

    Open /stratum

  3. § 03 · Type

    Two families. Thirteen steps.

    Space Grotesk for display and UI. JetBrains Mono for technical labels and code. A 13-step modular scale at ratio ≈ 1.25, with line-height, tracking and weight defined per step. Pairings on real surfaces.

    Open /type

  4. § 04 · Voice

    Quiet, technical, specific.

    Four principles, four YES/NO copy comparisons, the six-phrase chorus, the long avoid-list, and the same idea written three ways — marketing, client doc, internal standup. The brand sounds like the smartest person in the room who never raises their voice.

    Open /voice

  5. § 05 · Patterns

    Six grounds. All stretch-to-fit.

    Stratum repeat, pill grid, horizons, strata wave, blueprint, punch card. Foreground reads from a single token; background from another. One pattern per surface, never two.

    Open /patterns

  6. § 06 · Icons

    Same DNA, different scales.

    32 icons on a 24×24 grid, 2u strokes, rounded caps. Pill-based geometry where useful. Sized at 14, 18, 24, 32 to match adjacent text.

    Open /icons

  7. § 07 · Photography

    We don’t pose. We notice.

    Quiet, observed, monochrome-leaning. 35mm or 50mm, daylight, grain over polish. Six subjects and six anti-patterns. Photography pending until the E1-S4 shoot lands; placeholders shown.

    Open /photo

  8. § 08 · UI kit

    The pieces, drawn in the brand.

    Buttons (5 variants × 3 sizes). Forms — inputs, textarea, select, checkbox, radio, toggle. Badges, tags, avatars, tabs, progress, alerts, code, tables. Built on the six tokens. Quiet defaults, sharp focus states.

    Open /ui-kit

  9. § 09 · Code logo

    The brand, ten ways.

    Ten code expressions of the wordmark — $ cml, <cloud-mist-labs />, import { mist }, cloud.mist.labs(), and seven more. Set in JetBrains Mono, ink on paper.

    Open /code-logo

  10. § 10 · Reveal

    Three pills rise. The mark settles.

    A 1.8-second CSS cascade. Compositor-only properties. Reduced-motion-safe. Plays once per session on landing — never on route change.

    Open /reveal

  11. § 11 · Manifesto

    Twelve principles. Six things we don’t believe.

    The principles that govern how we work. Provenance log included — written down so they can be argued with.

    Open /manifesto

  12. § 12 · Field notes

    Short essays from the work.

    Long-form template. The inaugural note covers what UAE businesses get wrong about AI in 2026.

    Open /notes

  13. § 13 · CML

    The tool, in dark.

    The open-source CLI we ship alongside engagements. Roadmap framing — six commands planned, no public install path yet.

    Open /cml

That’s the system.

Questions, edits, requests — send them to press@cloudmistlabs.com or open contact below.

→ /contact → /press-kit → /manifesto