Brand guidelines

One bench.
Three ways of working.

Productivity Workbench and its two products share one mark: a workbench inside a tile. What sits on the bench, and the colour of the tile, says which one you are looking at. This page holds the specification and every file you need to use the brand correctly.

Productivity Workbench lockup on a dark backgroundAI Product Studio lockup on a dark backgroundProduct Workspace lockup on a dark background

The family

The platform is the parent. The AI Product Studio and the Product Workspace are its two products: alternatives, not tiers, and neither is the basic version of the other. Their marks say the same thing. The tile and the bench never change; only the object on the bench and the colour do.

Productivity Workbench mark

Productivity Workbench

A block on the bench

A piece of work on the bench: the platform itself, and the parent of the two products.

Workbench Indigo #4f46e5

About the platform →
AI Product Studio mark

AI Product Studio

A spark on the bench

The agents at work: AI is the core of the Studio, so the spark sits where the work does.

Studio Violet #7c3aed

About the product →
Product Workspace mark

Product Workspace

A stack of cards on the bench

The backlog: features, stories and sprints, lined up on the bench by the team.

Workspace Teal #0891b2

About the product →

The mark

Clear space: a quarter of the mark's height on every side, shown dashed.

  1. The tile. A square with corners rounded to 22% of its width, filled with the product's gradient from top-left to bottom-right. It is the only part that carries colour.
  2. The bench. One beam on two legs, always white, always the same proportions. It is what makes the three marks one family, and it is why the mark still reads at 16 pixels.
  3. The object. A block for the platform, a spark for the Studio, a stack of cards for the Workspace. It sits on the bench with a small gap, never touching the beam.
  4. Minimum size. 16 px on screen or 5 mm in print for the mark; 120 px or 30 mm wide for a lockup. Below that, use the mark alone.
  5. One colour. Where a gradient cannot be used, the flat version fills the tile with the solid hex. On photographs, on brand colours and in print with one ink, use the Ink or White version, which knocks the bench out of the tile.
Productivity Workbench
Productivity Workbench mark, colour
Colour
Productivity Workbench mark, flat colour
Flat
Productivity Workbench mark, Ink
Ink
Productivity Workbench mark, White
White
Productivity Workbench mark at 16 pixels
16 px
AI Product Studio
AI Product Studio mark, colour
Colour
AI Product Studio mark, flat colour
Flat
AI Product Studio mark, Ink
Ink
AI Product Studio mark, White
White
AI Product Studio mark at 16 pixels
16 px
Product Workspace
Product Workspace mark, colour
Colour
Product Workspace mark, flat colour
Flat
Product Workspace mark, Ink
Ink
Product Workspace mark, White
White
Product Workspace mark at 16 pixels
16 px

Lockups

The horizontal lockup is the default. The parent's name stacks its two words so the lockup is exactly as tall as the mark; a product's name sits on one line with Productivity Workbench endorsing it beneath. Use the stacked lockup where the space is square, and the wordmark alone only where the mark is already on the page.

Productivity Workbench lockup on white
On light backgrounds
Productivity Workbench lockup on the Night canvas
On dark backgrounds
Productivity Workbench stacked lockup
Stacked
AI Product Studio lockup on white
On light backgrounds
AI Product Studio lockup on the Night canvas
On dark backgrounds
AI Product Studio stacked lockup
Stacked
Product Workspace lockup on white
On light backgrounds
Product Workspace lockup on the Night canvas
On dark backgrounds
Product Workspace stacked lockup
Stacked

Colour

Each product owns one hue. The tile shows it as a gradient; the solid value is the reference for everything else, and it is the value the application already uses. CMYK figures are conversions for print proofs; the hex is definitive.

ColourHexRGBCMYKGradientIn the appUse
Workbench Indigo #4f46e579, 70, 22966, 69, 0, 10#6366f1 → #4338ca$primary / --pw-primary (default)The parent brand, the website, favicons and anything that speaks for the company rather than one product.
Studio Violet #7c3aed124, 58, 23748, 76, 0, 7#8b5cf6 → #6d28d9Studio gradient (#7c3aed → #4f46e5) in the appEverything that belongs to the AI Product Studio: its sidebar, its public pages, its social cards.
Workspace Teal #0891b28, 145, 17896, 19, 0, 30#06b6d4 → #0e7490$accent / --pw-secondaryEverything that belongs to the Product Workspace: its sidebar, its public pages, its social cards.
Ink #11182717, 24, 3956, 38, 0, 85—$gray-900Wordmarks and headings on light backgrounds. The single-colour mark.
Ink Muted #62687598, 104, 11716, 11, 0, 54—$gray-500 / --pw-text-mutedThe "Productivity Workbench" endorsement under a product name; secondary copy.
White #ffffff255, 255, 2550, 0, 0, 0—--pw-contrastThe bench inside every tile. Wordmarks and the single-colour mark on dark backgrounds.
Night #1e1b4b → #312e8130, 27, 75 → 49, 46, 12960, 64, 0, 71 → 62, 64, 0, 49——The dark canvas behind social cards, banners and title slides. Colour marks and white type sit on it.
On Night, muted #c7d2fe199, 210, 25422, 17, 0, 0——Taglines and the endorsement line on the Night canvas.
On Night, faint #a5b4fc165, 180, 25235, 29, 0, 1——Eyebrows and URLs on the Night canvas.

In the application, --pw-primary is a customer-chosen brand colour, so the product marks never depend on it: they carry their own colour in the file.

Typography

Everything is set in Inter, the typeface the product uses, licensed under the SIL Open Font License. The wordmarks in every file are outlined, so nothing here depends on the font being installed.

Workbench

Display

Inter 800 Extra Bold · tracking −0.02em

Product names on social cards, banners and title slides.

Workbench

Wordmark

Inter 700 Bold · tracking −0.02em

The name in every lockup. Never reset in another face or weight.

Productivity

Label

Inter 600 Semi Bold · tracking +0.12em, upper case

Eyebrows such as "PRODUCTIVITY WORKBENCH" above a product name.

Productivity Workbench

Endorsement

Inter 500 Medium · tracking 0

The "Productivity Workbench" line beneath a product name, and body copy on stationery.

Do and don't

Do

  • Use the colour mark on white, on light neutrals and on the Night canvas.
  • Use the single-colour mark (Ink or White) on photographs, on brand colours and wherever a gradient will not print.
  • Pair a product mark with its own colour, and the parent mark with Workbench Indigo.
  • Keep the clear space: at least a quarter of the mark's height on every side.
  • Name the products exactly: Productivity Workbench, AI Product Studio, Product Workspace.
  • Show the endorsement line under a product name when the parent brand is not already on the page.

Don't

  • Do not recolour the tile outside the palette, or put a product's object on another product's colour.
  • Do not redraw, rotate, skew or stretch the mark, or change what sits on the bench.
  • Do not add outlines, drop shadows, glows or bevels.
  • Do not set the name in another typeface, or split the parent wordmark differently from the lockup.
  • Do not show the mark smaller than 16 px on screen or 5 mm in print, or a lockup narrower than 120 px or 30 mm.
  • Do not use the emoji, the "PW" monogram or the old chart icon anywhere; this family replaces them.

Downloads

SVG is the master format and scales to any size; the PNGs are rendered from it at the sizes platforms ask for. Print files are PDF at 300 dpi with an editable SVG beside each.

The whole pack

Every file on this page, in one archive: the three marks and lockups, favicons and app icons, social cards, banners and stationery.

Download ZIP
The favicon

Favicons and app icons

What the site itself uses. The full-bleed icons are meant to be rounded by the platform that shows them.

Productivity Workbench

Productivity Workbench: marks preview

Marks

The tile on its own, in colour and in one colour.

Productivity Workbench: lockups and wordmark preview

Lockups and wordmark

The mark with the name, horizontal and stacked.

Productivity Workbench: social preview

Social

Link previews, avatars, banners and a title slide.

Productivity Workbench: stationery preview

Stationery

Print-ready at 300 dpi, with editable SVG sources.

AI Product Studio

AI Product Studio: marks preview

Marks

The tile on its own, in colour and in one colour.

AI Product Studio: lockups and wordmark preview

Lockups and wordmark

The mark with the name, horizontal and stacked.

AI Product Studio: social preview

Social

Link previews, avatars, banners and a title slide.

AI Product Studio: stationery preview

Stationery

Print-ready at 300 dpi, with editable SVG sources.

Product Workspace

Product Workspace: marks preview

Marks

The tile on its own, in colour and in one colour.

Product Workspace: lockups and wordmark preview

Lockups and wordmark

The mark with the name, horizontal and stacked.

Product Workspace: social preview

Social

Link previews, avatars, banners and a title slide.

Product Workspace: stationery preview

Stationery

Print-ready at 300 dpi, with editable SVG sources.

Using the brand

Productivity Workbench, AI Product Studio, Product Workspace and the bench marks are trade marks of MDTS UK Limited. You are welcome to use them to refer to the product: in a review, a talk, a comparison, a directory listing or an integration's own page. Keep the marks as they are supplied, keep the clear space, and do not suggest that MDTS endorses or is affiliated with you. For anything else, including merchandise and co-branding, ask us first.

The files are regenerated from one script whenever the brand changes, so this page is always the current version. Link to it rather than mirroring the files.