04 · Logo

The Syntheus mark.

The studio mark and the rules around it. The mark and the wordmark live as a system — every variant below ships an SVG (color, black, white) and a 1×/2×/3× PNG.

04.1

Overview

The full lockup is the default treatment everywhere the brand needs to be named: marketing site, contracts, slide masters, social headers. The icon stands alone wherever the wordmark would be redundant or wouldn't fit — favicons, app icons, social avatars, and chrome under 24px tall.

Syntheus lockup
04.2

The icon

The icon.

The icon is the smallest, most durable expression of the brand. It must read at 16px and at 1024px without losing its identity. Native SVG viewBox is 64 × 64; PNG masters ship at 256 / 512 / 1024 (1×/2×/3×).

The mark holds balance — a yin and yang in form, sitting at the intersection of the natural and digital worlds where the studio works. Syntheus brings technical solutions to real human problems; empathy is what bridges the two.

Syntheus icon
04.3

Primary lockup

The horizontal lockup pairs the icon with the wordmark on a shared baseline. Used wherever the brand needs to read at a glance and the surface accommodates a wordmark. Native SVG viewBox is 280 × 64.

Syntheus lockup
04.4

Color variations

  • Default lockup on cream

    Default

    Color treatment on cream paper. The primary use across most surfaces.

  • White lockup on sage-deep

    Brand ground

    White lockup on a single-accent ground — sage-deep here. Used on section heroes and brand-forward surfaces.

  • White lockup on ink

    Reverse — on ink

    White lockup on the ink-900 ground. Used on dark sections, footer, and the contact band.

  • Black lockup on cream

    Mono ink

    Black lockup for single-color print, low-fidelity reproduction, and any context where color isn't reliable.

04.5

Construction

The icon is built on an 8 × 8 modular grid. Every edge, curve, and stroke aligns to the base-8 unit — the same grid the clearspace and minimum-size rules derive from.

Construction

Built on an 8 × 8 modular grid.

1X8X8X

1X = icon height / 8 · Icon = 8X × 8X

04.6

Clearspace

Preserve 2X of clearspace on every side of the lockup. X is one cell of the construction grid (icon height / 8), so 2X is two grid cells — 16 design units, scaling proportionally with the mark. The same rule applies to the icon when used standalone.

Clearspace

Keep 2X on every side.

Lockup · 280 × 64

2X2X2X2X

Icon · 64 × 64

2X2X2X2X

2X = icon height / 4 · Scales automatically with the logo

04.7

Minimum sizes

Below the minimum sizes the mark loses fidelity and the wordmark loses legibility. Use the standalone icon when the lockup would fall under threshold.

Lockup at 120px
Lockup minimum120 px · 0.75 in / 19 mm
Icon at 16px
Icon minimum16 px · 0.16 in / 4 mm
Scale range
Icon at 16px16 px (min)
Icon at 24px24 px
Icon at 40px40 px
Icon at 64px64 px
Icon at 120px120 px
04.8

Backgrounds

The lockup is approved on cream paper, on ink-900, and on the deep stops (700+) of any accent ramp. Avoid mid-stop accent grounds (200–500), photographic backgrounds, and any combination where the lockup falls below 4.5:1 contrast against the ground.

Do
Default lockup on cream

Default lockup on cream paper.

White lockup on ink

White lockup on ink-900.

White lockup on sage-deep

White lockup on sage-deep — brand-forward surfaces.

Don't
Default lockup on sage-200

Default lockup on a mid-stop accent. Contrast collapses.

White lockup on ivory

White lockup on a light surface. No contrast.

Default lockup on terracotta

Color lockup on a clashing accent. Hue conflict — sage vs terracotta.

04.9

Misuse

Eight ways to break the mark — geometry, color, context. Each example violates the rules above. The mark is a system; treat it as one.

  • 01·Don't stretch.

  • 02·Don't skew.

  • 03·Don't recolor.

  • 04·Don't add a shadow.

  • 05·Don't rotate.

  • 06·Don't crop.

  • 07·Don't place on busy imagery.

  • 08·Don't lock inside a container.

Syntheus
— Get in touch

For new engagements and partnership inquiries.