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.

1×
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