Brand guidelines

Marbling

Updated 3 September 2026176 files34.4 MBInstrument Serif + Instrument Sansbrandkit.marblinghq.com ↗
Lockup PNG1200px, on its groundMark PNG512px avatar tileFaviconICO, 16 to 64pxApp icon1024px, opaque

Using the logo

Clear space, the smallest it may go, and the six things that break it. Each pair below is the real lockup, correct on the left and wrong on the right.

X X
Clear space Keep the height of the mark clear on all four sides. Nothing crosses that line, including the edge of the page.
150px minimum for the lockup
28px for the mark alone. Below that, use the mark, never the lockup
Minimum size Shown at real size. The wordmark stops being legible before the mark does.
Correct: full opacity
Full opacity
Never fade it
Never fade itSubtlety comes from size and position. A faded mark just looks broken.
Correct: both axes together
Both axes together
Never stretch it
Never stretch itScale both axes together. Fit by height, then crop the ground.
Correct: an approved treatment
An approved treatment
Never recolour it
Never recolour itThere are four approved treatments. Recolouring makes a fifth.
Correct: flat art
Flat art
Never add effects
Never add effectsNo shadow, glow, bevel or outline. It is flat art.
Correct: on the horizontal
On the horizontal
Never rotate it
Never rotate itThe lockup sits on the horizontal, on every surface.
Correct: clear space kept
Clear space kept
Never crowd it
Never crowd itThis one breaks the clear space above. Give it room or leave it out.

Colour

Click a value to copy it. Every swatch carries both the hex and the rgb triple, because half the surfaces here want one and half want the other.

Ground and ink

canvas
shelf
stone
ink
ink muted

On dark

ground
on dark
on dark muted

Accent, one meaning only

accent
accent on dark

Typography

Instrument Serif carries every headline; Instrument Sans everything else. The accent means exactly one thing: the product you can buy today.

Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ % — “ ”
Instrument SerifDisplay · static 400 · SIL Open Font License 1.1 Every headline. Never body copy, never a label.
Download WOFF2 · 27 KBLicenceGoogle Fonts ↗Source ↗
Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ % — “ ”
Instrument SansBody · variable 400–700 · SIL Open Font License 1.1 Body copy, labels, buttons, every interface string.
Download WOFF2 · 87 KBLicenceGoogle Fonts ↗Source ↗

Load them

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Instrument+Sans:wght@400..700&display=swap">

Use them

:root {
  --font-display: 'Instrument Serif',Georgia,serif;
  --font-body: 'Instrument Sans',ui-sans-serif,system-ui,sans-serif;
}

The scale, at real size

Display · Instrument Serif · 3.2rem (51px) · 400

One engine, five parts.

Heading · Instrument Serif · 1.9rem (30px) · 400

One engine, five parts.

Body · Instrument Sans · 1.06rem (17px) · 400 · .01em

One engine, five parts.

Small · Instrument Sans · .9rem (14px) · 400 · .01em

One engine, five parts.

Label · Instrument Sans · .7rem (11px) · 500 · .14em

One engine, five parts.

Imagery

Marbling is material where Airmond is photographic. Everything is cut from the two slabs, never generated fresh, so the same stone runs through every surface.

Dark stone. The slab every dark surface is cut from
Dark stoneThe slab every dark surface is cut from
Pale stone. The slab every light surface is cut from
Pale stoneThe slab every light surface is cut from
Objects in the room. Product photography: matte ceramic, one raking light
Objects in the roomProduct photography: matte ceramic, one raking light
Where one vein becomes two. The macro detail used as a divider
Where one vein becomes twoThe macro detail used as a divider

Components

Built from the tokens above. Click to copy the CSS.

Primary
On dark
Quiet
CanvasThe page
ShelfAlternating sections
InkFooters, dark bands

Applications

The brand on the surfaces people meet it on. Shaded areas are where each platform stamps its own avatar or crops: measured against live pages by gtm/social-profile-assets, not taken from a published guide. The downloads are the clean files without the shading.

linkedin page cover, 4200 by 700 pixels, with the platform’s keep-empty regions shaded
linkedin page cover 4200 × 700 · Logo tile eats x0-1750 below y250, and grows to 40% of the width at a 360px viewportDownload PNG
x header, 1500 by 500 pixels, with the platform’s keep-empty regions shaded
x header 1500 × 500 · Avatar union is x42-546, y330-500; mobile web keeps only x352-1148Download PNG
youtube banner, 2560 by 1440 pixels, with the platform’s keep-empty regions shaded
youtube banner 2560 × 1440 · Only x507-2053, y508-931 is safe on every deviceDownload PNG
og card, 1200 by 630 pixels, with the platform’s keep-empty regions shaded
og card 1200 × 630 · Open Graph, so this is the Slack and WhatsApp unfurl too. Keep the bottom 80px clear and stay under 600KB, which is WhatsApp's limitPNG came out at 1.1MB against a 0.6MB ceiling, so this ships as JPEG q94Download JPG
github social preview, 1280 by 640 pixels, with the platform’s keep-empty regions shaded
github social preview 1280 × 640 · Repo Settings, Social preview. GitHub rejects anything over 1MBPNG came out at 1.2MB against a 1.0MB ceiling, so this ships as JPEG q94Download JPG
play store feature graphic, 1024 by 500 pixels, with the platform’s keep-empty regions shaded
play store feature graphic 1024 × 500 · Play Console header, 1MB ceiling. The store draws the app title across the top strip, so nothing of ours goes thereDownload PNG
slide title, 1920 by 1080 pixels, with the platform’s keep-empty regions shaded
slide title 1920 × 1080 · Deck opener at 16:9Download PNG
slide content, 1920 by 1080 pixels, with the platform’s keep-empty regions shaded
slide content 1920 × 1080 · Body slide. The lockup sits small and bottom-left so it never competes with the contentDownload PNG
video call background, 1920 by 1080 pixels, with the platform’s keep-empty regions shaded
video call background 1920 × 1080 · Zoom, Meet and Teams. The shaded box is roughly where a head sits, so the mark goes to a bottom cornerDownload PNG
email signature, 1200 by 218 pixels, with the platform’s keep-empty regions shaded
email signature 1200 × 218 · 2x retina; scale it to 600 wide in the clientDownload PNG
document header, 2480 by 400 pixels, with the platform’s keep-empty regions shaded
document header 2480 × 400 · A4 at 300dpi, for letterhead and contractsDownload PNG

Writing the name

  • Marbling, one word, capital M. The legal entity is Marbling AG, Freienbach SZ, Switzerland; its English rendering is Marbling Ltd., never “Inc.”, which would wrongly imply US incorporation. Use the full form once in a document, then Marbling.
  • The five parts are Airmond, Tartare, Latch, Arena and Metal. All five take a capital, including Metal.
  • The five parts are not equals in public. Airmond is the live product and the only one with a domain of its own, airmond.com; the other four sit on marblinghq.com subdomains. Latch and Tartare run our own fleet, Arena and Metal are alpha. Those three words — live, runs our own fleet, alpha — are the whole status vocabulary; do not invent a fourth, and do not present an alpha as shipped.
  • Marbling runs an engine; it does not make tools. One engine, five parts, is the sentence everything else hangs off.
  • Lowercase marbling only in a domain, handle or repo name: marblinghq.com.

Boilerplate

The approved words. Paste them into a profile or a page as they are: a second description of the company is how a brand starts disagreeing with itself.

One-liner39 characters

One engine runs every company we build.

The single sentence. Site hero, X bio, a tagline field.

Short description144 characters

Marbling builds and runs Airmond, Latch, Tartare, Arena and Metal: one engine in five parts, run by a small team and a large fleet of AI agents.

LinkedIn tagline, a directory entry, a card.

About447 characters

The team is deliberately small. Most of the work is done by agents. They hold the context, do the drafting and the calling, and carry the parts of a company that used to need a department. The engine is one codebase, so when one product learns something every product gets it in the same release. That makes each new product a question of distribution rather than a new company: a different audience, a different name, the same engine underneath.

LinkedIn About, an About page, a press boilerplate.

Imprint73 characters

Marbling AG (Marbling Ltd) · Sonnenhof 18, 8808 Pfäffikon SZ, Switzerland

The legal line. Footers and anything registered.

Links

Downloads

The vector masters first: regenerate from these, never hand-edit an exported PNG. Everything else is derived from them by the generators.

What is in the kit

FolderFilesSizeFormats
applications18 17.7 MBjpg, json, png
favicon5 103 KBico, png
fonts4 125 KBtxt, woff2
lockup30 13.7 MBjpg, png
mark64 1.3 MBjpg, png
services52 1.3 MBjpg, png
vector3 11 KBsvg
Downloads work from the kit folder. Open this page from inside the folder and every link resolves to the file next to it.