Brand guidelines for Syrup Studio. The signature, the mark, colour, type and every file you need, in one place.

Use them so anything with our name on it looks like it came from the studio.

Have any questions?

If you need a file that isn’t here, or you’re not sure something fits the brand, email the studio and we’ll help.

Syrup Studio is a product team in Brisbane. We design, build and launch software for startups, and we sign our work the way a person would: in pen.

One idea, said the same way everywhere: we’re the product team you hire by the month.

The product team you hire by the month.

Say

We ship to your product every week.

Not

We deliver best-in-class digital solutions.

The pen signature is the logo. The bottle mark on its blue tile stands in wherever there’s only room for a square.

Pen on white, the default

White on pen

White on ink

The mark on its tile, for avatars, favicons and app icons

Keep the signature at least 120px wide on screen and 30mm in print, so the strokes hold together.
Pen blue, white or ink only. No gradients, outlines or shadows on the signature.
Never stretch, rotate, retrace or retype it.
Set it on white, pen or ink, not on busy photos.

Helvetica Neue for the big sentences, Rethink Sans inside the site, and Switzer Light for client names.

The home page and statements, Regular 400. Sentences 26–44px, titles 26/29, small text 16/24.

Inner pages and sheets, Regular 400. Medium 500 only on buttons and nav.

Client names, set as text instead of logos: Cap, Efferd, Thrive House.

White paper, dark ink and one blue pen. The blue marks moments; it never fills a whole page.

Real screens from real products, set on soft grey panels. No stock photos and no device mockups.

A full screen on Paper 2, with room around it

One widget, cropped to its card, for small spaces

Every product gets an app tile: a smooth-cornered square, a top-lit gradient and a white glyph.

Syrup ships to your product every week

Inline chips sit one line tall inside a sentence, tilted a few degrees

Continuous corners (a 22.37% radius with 60% smoothing), never a plain rounded square.
The glyph fills the middle 60% of the tile.
The gradient runs light at the top to deep at the bottom.

Every file is drawn from the site’s own artwork. Use these rather than screenshots.