Skip to content

Brand kit

The cloud pin.

Our mark is a solid map pin with a cloud cut out of its head: Cloud + Situs, the place you choose and what lives there. Every asset below is generated from the same geometry the site itself renders, and downloads as SVG or PNG straight from your browser.

13 assets · SVG + PNG built client-side · two brand colours, no more

Primary logo

The horizontal lockup

Use this by default. The tile is always brand blue; only the wordmark changes with the ground — ink on light, white on dark. Nothing here needs permission: take the files if you write about, integrate with or link to CloudSitus.

CloudSitus
Primary lockupHorizontal, ink wordmark. The default in every light context.
cloudsitus-lockup-ink.svg · cloudsitus-lockup-ink.png
CloudSitus
Primary lockup, reversedThe same tile, white wordmark. For navy bands and dark photos.
cloudsitus-lockup-reversed.svg · cloudsitus-lockup-reversed.png

Variations

Every version of the logo

Pick the version that fits the ground and the space. The one-colour builds fill the tile in a single ink and fill the pin and cut the cloud OUT of it, so the silhouette survives a stamp, an engraving or a single-plate print — they are not recoloured strokes.

MarkThe tile alone, full detail. Anywhere the name is already on screen.
cloudsitus-mark.svg · cloudsitus-mark.png
Small markCloud cut-out 15% larger so it stays open. Below 24px.
cloudsitus-mark-small.svg · cloudsitus-mark-small.png
App iconFull-bleed tile, no transparent margin — launchers and avatar crops mask it themselves.
cloudsitus-app-icon.svg · cloudsitus-app-icon.png
CloudSitus
Stacked lockupSquare spaces: badges, slides, sponsor walls.
cloudsitus-lockup-stacked.svg · cloudsitus-lockup-stacked.png
CloudSitus
Stacked lockup, reversedThe same, on navy.
cloudsitus-lockup-stacked-reversed.svg · cloudsitus-lockup-stacked-reversed.png
CloudSitus
WordmarkOnly where the mark already appears nearby. Never retype it.
cloudsitus-wordmark-ink.svg · cloudsitus-wordmark-ink.png
CloudSitus
Wordmark, whiteSame rule, on dark.
cloudsitus-wordmark-white.svg · cloudsitus-wordmark-white.png
CloudSitus
Lockup, one colour blackPrint, fax, engraving. Pin knocked out to transparent, cloud kept.
cloudsitus-lockup-onecolour-black.svg · cloudsitus-lockup-onecolour-black.png
CloudSitus
Lockup, one colour whiteKnocked out of a dark or photographic ground.
cloudsitus-lockup-onecolour-white.svg · cloudsitus-lockup-onecolour-white.png
Mark, one colour blackSingle-colour tile, glyph cut out. Stamps and embossing.
cloudsitus-mark-onecolour-black.svg · cloudsitus-mark-onecolour-black.png
Mark, one colour whiteThe same cut, in white, for dark grounds.
cloudsitus-mark-onecolour-white.svg · cloudsitus-mark-onecolour-white.png
Mark, small, one colour blackThe sub-24px build as a single-colour cut.
cloudsitus-mark-small-onecolour-black.svg · cloudsitus-mark-small-onecolour-black.png

A note on the vector files. The lockup, stacked and wordmark SVGs contain live text, not outlines, set in Plus Jakarta Sans with a grotesque fallback — a machine without that face renders it in something else. The PNGs embed the real face, so when in doubt take the PNG.

Construction

How the pin is built

Everything sits in a 40-unit box. The tile is a 37-unit square inset 1.5 on all sides with an 11-unit corner radius. The pin's head is a circle of radius 10.6 centred at (20, 16.4); its two sides run tangent to the head and meet at the tip, (20, 34.4). The cloud, three lobes on a flat base, is cut out of the head.

rx 11head r 10.6cloud lobe r 4.6cloud base 8.7 × 3.9tip y 34.440-unit box · tile 37 inset 1.5
Cloud + Situs, in one shape. The pin is the place you choose; the cloud cut out of its head is what lives there. The cloud sits a little right of the axis, as a cloud’s mass does, and its base stays inside the head’s ring so the pin reads as one solid piece at every size.

The 24px threshold

The mark is a solid silhouette, so it has no hairlines to fill in. What closes up at small sizes is the cloud: below 24px its gaps are a pixel wide and it reads as a dot. The small build scales the cloud by 1.15× about its centre, which keeps the three lobes apart at 16px.

Full · 16px
Small · 16px
Full · 72px
Small · 72px

The 16px pair is actual size, no zoom. LogoMark’s detail="auto" makes this switch for you.

Clear space & minimum size

16px
small mark
24px
full mark
40px
comfortable
Clear space is one tile corner radius on all four sides — 11/40, so 27.5% of the mark’s width, 29px at the 104px mark shown. Deriving it from the shape keeps it right at every size without a table. Minimum size is 16px for the small mark, 24px for the full one, and 112px wide for the lockup — below that the wordmark fails before the mark does.

Colour

Exactly two brand colours

One blue and one navy. There is no secondary palette, no accent family, no gradient ramp — anything else on our surfaces is neutral or a status colour, and neither is brand. Click a swatch to copy its hex.

Typeface

Plus Jakarta Sans

The wordmark and every headline are set in Plus Jakarta Sans (Bold, −0.02em for the wordmark). Body text is Inter. Both are free and open-licensed on Google Fonts, so you can set our name correctly without buying anything — but prefer the wordmark file over retyping it.

One-colour reproduction

Where only one ink is available, the tile takes that ink and the pin is knocked out to the paper, with the cloud left in the ink. Never tint the blue to grey, and never outline the glyph instead of cutting it.

Usage

Please don't

Shown rather than listed, because every one of these has happened to somebody's logo.

Don't recolour the tile. The blue is the brand; a hue shift makes it somebody else's mark.

Don’t re-add the retired #2563eb blue (left). The tile is exactly #3b82f6 (right).

Don't stretch, squash or skew it. Scale both axes together — the tile is square and the pin's head is a circle.

Don't rotate the tile, and don't add shadows, glows or outlines.

Don't place it on a busy or mid-tone ground. The tile needs white or navy to hold its edge.

Phi Cloud

Don't set the wordmark in another face, and don't write “Cloud Situs”, “Cloudsitus” or “CLOUDSITUS”.

Writing the name

It is CloudSitus — one word, a capital C and a capital S, in running text and in the wordmark. The wordmark sets Situs in brand blue. Not Cloud Situs, not Cloudsitus, not CLOUDSITUS. Situs is the legal location of an asset — the place whose law governs it — and that is the promise: your data, under the law of the place you choose.

Ask us

No permission is needed to say you build on CloudSitus, or to put the mark in a slide, a README or an integration directory. Ask first only if the mark would read as an endorsement or a joint product, or if you need a format that isn’t here — hello@phi-cloud.com.

Press & partners

Using our mark in something public?

Take the files above — they are generated from the same source the site renders, so they are always current. Tell us where it lands if you'd like to be listed.

Two colours · Two mark variants · One typeface