Brand Assets

$ cat brand.md

Web Hosting Dorks

Hosting know-how, minus the hype.

These are the official logos, colours and type for Web Hosting Dorks. Use them when you link to or write about the site. Please don’t restyle, stretch or recolour them.

Download full kit (.zip) Browse on Google Drive

Logo

The logo is the server-with-glasses mark plus the WebHosting + Dorks wordmark and a lime cursor. Wordmark letters are converted to paths, so you do not need the fonts to use the files. Use the light version on Paper or white, and the dark version on Rack Ink or other dark backgrounds.

Web Hosting Dorks logo for light backgrounds

Full logo, light

Ink tile, ink “WebHosting”, Byte Blue “Dorks”. PNG is a 4× master (1752 × 256) with a transparent background.

Download PNGDownload SVG
Web Hosting Dorks logo for dark backgrounds

Full logo, dark

Blue tile, white “WebHosting”, Uptime Lime “Dorks”. Use this on Rack Ink, Night Shift, and photography that stays dark.

Download PNGDownload SVG

Icon mark

The rounded server-rack tile with nerd glasses is for small square spaces only: browser tabs, app icons and social avatars. Do not place it next to the full logo, and do not use it in place of the lockup.

Web Hosting Dorks icon, ink tile

Icon, light (ink tile)

The default mark. Download 1024 px or 512 px PNG, or the SVG.

PNG 1024PNG 512SVG
Web Hosting Dorks icon, blue tile

Icon, dark (blue tile)

The reversed tile, matching the dark logo. Use it on dark or photographic backgrounds.

PNG 1024PNG 512SVG
64 48 32 16

Favicon

A multi-size .ico (16 / 32 / 48) and a 180 px Apple touch icon. The SVG icon can also be used as a vector favicon.

favicon.icoApple touch 180

Social images

Ready-to-upload profile and share images. The logo on the banner sits in the centre, clear of a typical profile photo on the left.

Web Hosting Dorks social avatar

Avatar (800 × 800)

The ink-tile icon, for profile photos on X, LinkedIn, Facebook, YouTube and similar.

Download PNG
Web Hosting Dorks social banner

Profile banner (1500 × 500)

Header image for X and other profiles, with the dark logo and tagline on Rack Ink.

Download PNG
Web Hosting Dorks Open Graph image

Share image (1200 × 630)

Open Graph and link-preview image for Facebook, LinkedIn, X and messaging apps.

Download PNG

Colours

Rack Ink, Byte Blue and Uptime Lime carry the brand. Lime is for graphics and text on dark surfaces — not for text on Paper or white.

Rack Ink
#0B1324
RGB 11, 19, 36
Primary text, icon tile, footer, code blocks
Byte Blue
#2563EB
RGB 37, 99, 235
Links, “Dorks”, chips. Hover #1D4ED8
Uptime Lime
#A3E635
RGB 163, 230, 53
Cursor, badges, buttons on dark
Night Shift
#111B30
RGB 17, 27, 48
Secondary dark surfaces
Paper
#F7F8FB
RGB 247, 248, 251
Page background
Log Slate
#5B6478
RGB 91, 100, 120
Secondary text, meta
Grid Line
#E3E7EF
RGB 227, 231, 239
Borders, dividers
Warn Amber
#F59E0B
RGB 245, 158, 11
Warning callouts only

On Paper or white, use Uptime Lime Dark #65A30D (RGB 101, 163, 13) when lime has to be readable as text. Body copy is #1C2433.

Palette PNGcolors.txt (HEX, RGB, CSS)

Typography

Three Google Fonts families. The logo files already have the wordmark as outlines, so you do not need the fonts to use the logo.

Headings — Space Grotesk 500 / 600 / 700
Hosting know-how, minus the hype.

Used for headings, the wordmark, and buttons. Space Grotesk on Google Fonts.

Body & UI — Inter 400 / 500 / 600 / 700
Plain English, a bit nerdy, never smug.

Used for body copy and interface text, usually 16 px and up. Inter on Google Fonts.

Code, labels, kickers — JetBrains Mono 400 / 500 / 600
$ whoami → hosting nerds

Used for code, meta labels, and the occasional terminal-style kicker. Use those kickers sparingly. JetBrains Mono on Google Fonts.

To load all three at once:

Open the Google Fonts CSS

https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap

Name and tagline

In prose, the name is three words, always spelled this way. The logo lockup has no spaces between Web and Hosting — that spelling is for the logo, not for sentences.

Web Hosting Dorks

Write it with a capital W, H and D. The tagline is Hosting know-how, minus the hype. Use it as a complete line, including the period, and do not rewrite or shorten it.

Web Hosting Docs

WebHosting Dorks · Web-Hosting-Dorks · WH Dorks

Don’t swap in “Docs”, close up the words, hyphenate, or replace the name with a nickname in public writing.

Clear space

Leave empty space around the logo of at least the icon’s corner radius — 15/64 of the icon height — on every side. Do not let other type, photos or edges crowd it. In a header, keep the logo at least 28 px tall.

Clear space around the Web Hosting Dorks logo, equal to the icon corner radius

Do’s and don’ts

Do

  • Use the full logo as the primary mark, and the icon only for favicons, apps and avatars.
  • Use the light logo on light backgrounds and the dark logo on dark ones.
  • Leave clear space of at least 15/64 of the icon height on every side.
  • Keep the header logo at least 28 px tall.
  • Write the name as Web Hosting Dorks.

Don’t

  • Stretch, squash, rotate or rearrange the logo.
  • Change the colours, drop the cursor, or retype the wordmark in another font.
  • Place the icon tile next to the full logo.
  • Add shadows, outlines, glows or gradients to the mark.
  • Use Uptime Lime for text on white, or put the light logo on a dark field (or the reverse).
Do: light logo on white or Paper.
Don’t: light logo on a dark background.
Don’t: stretch or squash it.
Don’t: rotate or skew it.
Don’t: add the icon beside the full logo.
Don’t: recolour or restyle the mark.

For press, partnerships or permission to use these assets, visit blog.webhostingdorks.com. A dedicated press email is not listed yet.