TestSetGo
Brand guidelines

TestSetGo brand

TestSetGo should read as calm, capable and trustworthy. These pages cover the logo, the palette, the type and the handful of rules that keep it consistent. Everything here is downloadable.

Download all assets

Questions, or need a format that is not here? Email brand@testsetgo.com.

Clear space and size

Keep clear space around the logo equal to a quarter of the badge height. Do not place text, rules or other logos inside it.

TestSetGo mark with its clear space shown

The dashed area is the minimum clear space.

Minimum size

  • Mark on screen: 16px. The tick stays legible at favicon size, which is what the weight was drawn for.
  • Lockup on screen: 120px wide. Below that, use the mark alone.
  • Mark in print: 6mm. Lockup in print: 30mm wide.

What not to do

Do not restyle the mark

No gradients, shadows, outlines, textures or added strokes. The mark is one flat colour on one flat background.

Do not stretch or rotate

Scale proportionally. Both arms of the tick sit at 45 degrees, and skewing breaks the geometry the mark is built on.

Do not recolour

The badge is always brand blue, or black or white where only a single ink is available. It never changes with the theme.

Do not set the wordmark in another typeface

The wordmark is Schibsted Grotesk Bold. If the font is unavailable, use the mark on its own rather than substituting a typeface.

Do not place the mark on a busy background

Put it on a plain area of the image, or on a solid colour block. Contrast against the background must stay at least 3:1.

Do not rebuild the logo

Do not redraw the tick, change the corner radius or rebuild the lockup by eye. Use the supplied files.

Colour

One blue, over warm paper neutrals. The logo uses a single fixed value in both themes so the identity never shifts. Text and buttons use the same blue but move in lightness between themes, because a label needs 4.5:1 against its fill and no single mid tone manages that on both white and near-black. Colour is used sparingly, and status never relies on colour alone.

TestSetGo colour palette with hex values, design tokens and usage
ColourHexTokenWhere it is used
Brand blue#567CA4--t-brand-markThe identity colour. Identical in light and dark themes, and the only colour the logo is ever drawn in.
Brand blue, text#4B7198--t-brandThe same blue as text and interface accents. Nudged darker in light mode and lighter in dark mode so it always clears 4.5:1.
Action#092F52--t-ctaButton fills on light backgrounds. On dark backgrounds the same token lightens so the label keeps its contrast.
Ink#212722--t-textBody and heading text on light surfaces.
Paper#F7F8F5--t-canvasThe default page background. Warmer than pure white.
Line#E2E5DE--t-borderHairline borders. Borders do most of the structural work in the interface.

Text and background pairings meet WCAG 2.2 AA: 4.5:1 for body text, 3:1 for large text and interface elements.

Typography

Two families, both open source and self-hosted. TestSetGo makes no third-party font requests.

Headings and result figures

Schibsted Grotesk

Weights 600 to 800. Sentence case. Used for page titles, section headings, stat values and the wordmark.

Interface and body

Hanken Grotesk

Weights 400 to 700. Used for body copy, labels, controls and everything in the application interface.

Data and codes

Q7K4 2M91

The system monospace stack, for access codes, identifiers and tabular data.

  • Both families are licensed under the SIL Open Font License and free to use.
  • Do not substitute a display or script face. Do not add letterspacing to the wordmark.
  • Body copy sits at 14px in the application and 16px minimum on participant screens.

Imagery

Photography is used lightly. Where a photograph is needed, choose clean, plainly lit stock images of real working environments: a classroom, a training room, a desk. Keep them uncluttered so text and the logo stay readable over them.

  • Prefer the product. A real screenshot or an interface illustration says more than a stock photograph. Never mock up participant results with misleading data.
  • Keep it plain. No heavy filters, no colour grading towards the brand palette, no motion blur or lens flare.
  • Leave room. Crop so there is a quiet area for the logo or a headline. Do not place either over a busy region.
  • Show real work. Avoid staged handshakes, exaggerated expressions and generic office scenes that could belong to any product.
  • Give every image alt text. Question images in tests are instructional, so they always carry meaningful alternative text.