Every option below is built from the live site's own tokens — violet #7c5cff
as the brand, coral #ff6b4a reserved for the escaping block, Bricolage Grotesque for
display. Nothing here is a placeholder: all files are real vector SVG with outlined text, plus
rendered PNGs at the sizes Discord asks for.
Logo directions
Five takes on one idea — a container and something leaving it. Each ships as a
horizontal lockup, a stacked lockup, and a bare mark, in three colourways.
The last tile in each row shows the lockup at nav size, where the weak ones fall apart.
A
Escape
The site's existing mark, rebuilt as true vector at logo scale. Exact proportions from globals.css.
logos/escape/
Horizontal · on-dark
Stacked · on-dark
Mark only
Horizontal · on-light
Mono · one colour
At nav size (24px)
B
Breakout
The container is broken open — corner removed, block clear of it. The most literal reading of the tagline.
logos/breakout/
Horizontal · on-dark
Stacked · on-dark
Mark only
Horizontal · on-light
Mono · one colour
At nav size (24px)
C
Bracket
Terminal crop-marks imply the box; the fourth corner has already left. Reads as tooling and craft.
logos/bracket/
Horizontal · on-dark
Stacked · on-dark
Mark only
Horizontal · on-light
Mono · one colour
At nav size (24px)
D
Scale
A box inside a box. Speaks to "room to scale" and private instances as much as to escape.
logos/scale/
Horizontal · on-dark
Stacked · on-dark
Mark only
Horizontal · on-light
Mono · one colour
At nav size (24px)
E
Monogram
NB in Bricolage ExtraBold inside the frame. The most conventional option, and the most legible when tiny.
logos/monogram/
Horizontal · on-dark
Stacked · on-dark
Mark only
Horizontal · on-light
Mono · one colour
At nav size (24px)
Discord server icons
Shown as Discord renders them — circular-cropped, at 112, 56, 40 and 20 px.
The 20 px column is the one that matters: that is the server rail.
Escape · void escape-void
Escape · violet escape-violet
Breakout · void breakout-void
Bracket · void bracket-void
Scale · void scale-void
Monogram · void monogram-void
Monogram · violet monogram-violet
Discord banners
960×540 for the server banner, 1920×1080 for the invite splash — both exported from
the same vector. The dark gradient and server name below are a mock of Discord's own overlay,
which is why nothing important sits in the bottom-left.
TheNerdyBox
Frame — The site's hero gesture: the wordmark sits astride the frame's top edge and the coral block escapes the corner. 01-frame
TheNerdyBox
Tagline — "the box" is literally set inside a box, and the chip is leaving it. Loudest of the four. 02-tagline
TheNerdyBox
Status board — Centred wordmark over live-status pills, on the site's grid. Reads as an operating service. 03-status
TheNerdyBox
Bleed mark — Mark at billboard scale off the right edge, copy left. Quietest and most brand-forward. 04-bleed
Sizing note. Discord's profile banner is a different shape
(680×240) and would need its own layout rather than a crop — say the word and it gets one.