Airmond design system

The canonical Airmond brand: tokens, logo masters, app icons, per-service exports and the rules for using them. Source of truth: marbling-hq/mb-airmond-brandkit. Two first-class schemes — Feather (light) and Low flame (dark) — coral as the identity accent, blue for confirmation, and no green anywhere.

Boilerplate

The approved words. Click a card to copy it, and paste it as it stands: a second description of the product is how a brand starts disagreeing with itself.

One-liner39 chars

A personal assistant you can just call.

Site hero, X bio, a tagline field.

Short description157 chars

Your AI executive assistant calls you within a couple of minutes, then takes on the calls, emails and life admin you keep postponing. The first week is free.

LinkedIn tagline, a directory entry, a card.

About285 chars

Your assistant is a chief of staff, not a chatbot. Below is the real work, written the way you would hand it over: out loud, in one sentence, without thinking about how to phrase it. Airmond is an AI service. Every call, text and email is handled by an Airmond assistant, not a human.

LinkedIn About, an About page, a press boilerplate.

Imprint30 chars

Airmond by Marbling AG, Zürich

The legal line. Footers and anything registered.

The system

Logo & downloads

Featured plain-light and plain-dark sets, SVG masters, and the full per-service PNG + JPEG matrix.

Colors

Every token as a copyable swatch with its measured WCAG ratios — 246 asserted claims.

Typography

Schibsted Grotesk + Instrument Sans on the web; system faces in the apps.

Components

Stock shadcn rendered with the theme, light and dark, plus the recording stage on both of its grounds and the landing-page recipes: the button's six states, the sign-up card, the live chip, the status pills, the vignette, the flags, the footer.

Motion

The motion tokens, the reduced-motion rule and the budget, with a live demo.

Imagery

The hero film frame rule with the five reference plates, and the two portrait treatments.

Voice

The copy rules: the three capabilities in order, the fixed sentences, the capability truths, what is refused.

Apps

Main, beta and admin app icons with per-platform exports.

Social & ads

Covers, OG card, slides, and ad templates.

Usage

The consumption contract, the semantic rules, and the no-green rule.

Quick start

# web
import 'mb-airmond-brandkit/dist/css/airmond.css';
# react native
cp dist/ts/tokens.ts <app>/src/theme/tokens.ts

Naming: Airmond, one word, capital A. Never AirMond, never AIRMOND except inside a Label type style. Ada is the assistant you talk to. Airmond is the product she runs inside. Do not use them as synonyms. Lowercase airmond only where a machine reads it: a domain, a handle, a repo, a bundle id. It is an Airmond, never the Airmond. The product takes no article in a sentence: “Airmond picks up”, not “the Airmond picks up”.