IntervueClub

Brand assets

The IntervueClub wordmark, mark, colours and type. Use them when you write about the site, link to a problem or build something next to it. Colours and type sizes on this page are read from the live stylesheet, so they're always current.

Wordmark

IBM Plex Sans in two weights: Intervue at 500 in the secondary text colour, Club at 600 in the primary. The contrast between the halves is the whole design, so keep it.

IntervueClubOn dark
IntervueClubOn light
  • Set it on a plain background, dark or light
  • Keep Intervue lighter than Club
  • Use IBM Plex Sans, nothing else
  • Give both halves the same weight or colour
  • Add colour, gradients, glows or shadows
  • Put it on a photo or a busy pattern

Mark and files

The mark is the wordmark's initials on the dark base: a muted I and a bright C. Use it where the full wordmark won't fit, like avatars and app icons.

The IntervueClub mark: IC on a dark rounded square

Colour

Near-black and near-white with a faint cool tint, defined in OKLCH. Blue is the only accent and is kept for links and focus; green, orange and red only ever mean difficulty. Click a swatch to copy its hex.

Dark theme
Light theme

Type

IBM Plex Sans for reading and interface, IBM Plex Mono for code, numbers and small metadata. Every size on the site comes from this scale.

System design interview problems--text-h1-page · 600 · page titles
Design a URL shortener--text-h1-article · 600 · article titles
Back-of-the-envelope math--text-2xl · 600 · section heads
A short code maps to a long URL, and every redirect is a read.--text-lg · 400 · article body
Databases, caching, read-heavy--text-sm · 400 · interface
SELECT long_url FROM urls WHERE code = 'x7Kp2'--text-md · 400 · code
Jul 3, 2026 · 32 min read--text-2xs · 400 · metadata

Voice

How the site sounds, on every page and in every post.

Technical
Written for engineers. We name the actual mechanism instead of waving at it.
Dense
Every sentence carries something. No warm-up paragraphs, no recap of what we just said.
Honest
No invented numbers, fake urgency or hype words. When we estimate, the arithmetic is on the page.
  • Use 302, not 301: browsers cache permanent redirects, so you lose click counts and can’t change the target.
  • At 100M new links a day, the write path is about 1,200 writes a second. Reads are 10 to 100 times that.
  • In this tutorial we will learn how to design a URL shortener step by step!
  • Both 301 and 302 work fine, so pick whichever you prefer.

Name and links

When you mention or link to IntervueClub.

  • Write IntervueClub: one word, capital I and C
  • Link to the problem or post on intervueclub.com
  • Credit the author when you quote a post
  • Write Intervue Club, intervueclub or INTERVUECLUB
  • Recolour, stretch or redraw the mark
  • Republish problems or posts as your own