Brand guidelines · v0.1 · Sep 2026
uptimewarden.com brand
The identity system for uptimewarden.com — logo, colour, type and stationery, and how to use them together.
Logo
The wordmark is the primary logo. Use the monogram where space is tight — app icons, avatars and favicons.
Clear space: keep at least the height of the “u” free on every side of the logo.
Colour
A deliberate palette: the primary carries the brand, the accent is for emphasis — use it sparingly.
#1F6FEBRGB 31, 111, 235#0F4BB0RGB 15, 75, 176#3FB950RGB 63, 185, 80#0D1117RGB 13, 17, 23#F4F6F8RGB 244, 246, 248Typography
Three faces, each with one job. All are free to use from Google Fonts.
Display · Space Grotesk
Headlines and the wordmark
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?
Text · Inter
Body copy and interface
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?
Mono · IBM Plex Mono
Labels, data and code
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?
Type scale
H1 · 56pxSoftware that gets out of the way.H2 · 36pxSoftware that gets out of the way.H3 · 24pxSoftware that gets out of the way.Body · 17pxSoftware that gets out of the way.Caption · 13pxSoftware that gets out of the way.Logo usage
A few rules keep the brand recognisable everywhere it appears.
Stationery
Business cards, letterhead and email signature.
hello@uptimewarden.com
www.uptimewarden.com
Founding Team
uptimewarden.com
hello@uptimewarden.com · www.uptimewarden.com
www.uptimewarden.com
Explorations
Alternative wordmark directions considered for uptimewarden.com. Each downloads as SVG.
Social
Profile picture, cover image and the link preview that appears when the site is shared.