Scrums.comSorted UI@scrums/sorted-ui v0.1.0scrums.com
Brand01
/01Brand

The Scrums.com logo — mark, wordmark, and lockup — with the placement, colour, and minimum-size rules that keep it consistent everywhere it appears. Treat the mark as fixed geometry: never redrawn, recoloured, or rebuilt from scratch.


Lockup

The primary lockup pairs the icon mark with the wordmark at a fixed ratio and spacing. It ships in three colour treatments — ink for light surfaces, white for dark or brand-blue surfaces. Never recombine the mark and wordmark at a different spacing or scale than shown here.

Scrums.com
On paperblue lockup
Scrums.com
On inkwhite lockup
Scrums.com
On brand bluewhite lockup

Icon mark

The mark alone — the "S" glyph — stands in for the full lockup wherever the wordmark won't fit legibly: favicons, avatars, app icons, and tight UI chrome. It always inherits currentColor, so it recolours automatically between ink and white contexts.

On paperblue mark
On inkwhite mark
On brand bluewhite mark

Clearspace & minimum size

Keep a minimum clearspace equal to the height of the icon mark on every side — no other logo, text, or UI chrome may enter it. Below the minimum size, the mark stops rendering legibly and the wordmark should be dropped in favour of the icon alone.

Clearspace = 1 mark-height on every side
  • Minimum lockup width: 96px — below that, use the icon mark alone.
  • Minimum icon-mark size: 16px — the smallest legible size, used for favicons and dense UI chrome.
  • Clearspace scales with the mark — always one mark-height of empty space on every edge, never a fixed pixel value.

Colour usage

  • Ink lockup on --ds-paper or any light-neutral surface.
  • White lockup on --ds-ink-1 or --ds-blue surfaces only — never white-on-light.
  • On photography, place the mark only over a solid scrim that meets the same contrast bar as ink/white above.
  • The mark is never any colour other than the current ink or white — no tinted, gradient, or secondary-brand-colour versions exist.

Misuse

The mark is fixed geometry. Every variation below has shipped somewhere as a "quick fix" — none are correct.

DON'T
Stretch or squash the mark
DON'T
Rotate or tilt the mark
DON'T
Recolour outside ink/white
DON'T
Outline or re-draw the mark
DON'T
Add drop shadows or effects
DON'TScrums.com
Place a white lockup on a light surface