Brand kit.

AltoLumo LLC · Brand system v8 · Last updated July 12, 2026

The official AltoLumo™ logo files, color values, and typography, in one place, so every mention of the brand (Google Workspace, Microsoft 365, partner decks, press, in-house docs) matches what's live on the site. Questions: .

Logo

The mark is an "AL" ascent-peak: an upward climb line through a peak, with a solid "L." The SVG is the master file, infinitely scalable and correct at any size; the PNGs below are pre-rendered for platforms that require a raster upload (favicons, Google Workspace admin console, Microsoft 365 org branding, social profile photos).

AltoLumo mark, full color Mark, full color
SVG (master) · 512px · 1024px
AltoLumo mark, white, for dark backgrounds Mark, white (dark backgrounds)
SVG · 512px · 1024px
AltoLumo mark, black, for print or single-color use Mark, black (print / single color)
SVG · 512px · 1024px

Favicon and app-icon sizes (mark only, full color), for platforms that ask for a specific pixel size:

16 · 32 · 48 · 64 · 96 · 128 · 192 · 256 px

Wordmark lockup

The mark plus the "AltoLumo™" wordmark, for email signatures, document headers, and slide title slides where the mark alone isn't enough context.

AltoLumo lockup, light background Lockup, light background
SVG · 680px · 1360px
AltoLumo lockup, dark background Lockup, dark background
SVG · 680px · 1360px

The dark lockup is also hosted on assets.altolumo.com, a dedicated static asset domain used for transactional emails so image links stay aligned with our sending domain.

Do
  • Use the SVG whenever the destination supports it
  • Keep clear space around the mark of at least half the mark's height
  • Use the white mark on ink navy, deep navy, or photographic dark backgrounds
  • Use the black mark for single-color print or fax-style documents
Don't
  • Recolor the mark outside this kit's files
  • Add a drop shadow, outline, or bevel
  • Stretch or skew the mark off its aspect ratio
  • Place the full-color mark on a dark background, or the white mark on a light one
  • Split "AltoLumo" into two words, or drop the ™ on first mention in a document

Color

Paper dominates every layout (roughly 60% of any page); steel blue is the accent and stays scarce. On dark backgrounds, use Light Steel or white, never Steel Blue, it's calibrated for light backgrounds only.

Paper#FAF7F1RGB 250, 247, 241
White#FFFFFFRGB 255, 255, 255
Ink Navy#1D2536RGB 29, 37, 54
Steel Blue#4682B4RGB 70, 130, 180 · light backgrounds only
Deep Steel#1F4E79RGB 31, 78, 121
Light Steel#9DC3E6RGB 157, 195, 230 · dark backgrounds only
Warm Tint#F2EDE3RGB 242, 237, 227
Hairline#E2DCCERGB 226, 220, 206
Body Text#3B4150RGB 59, 65, 80
Muted (light bg)#877F6FRGB 135, 127, 111
Muted (dark bg)#8E9BB1RGB 142, 155, 177

Pure black (#000000) never appears in the palette; Ink Navy is the darkest value used anywhere, including "black" mark exports.

Typography

Web / digitalInter, weight 800
Body copyInter, weight 400 to 500, 16 to 16.5px, 1.7 line height
Section labelsInter, weight 700, uppercase, tracked
Office documentsCalibri (Aptos acceptable)

Web font is served from Google Fonts: fonts.google.com/specimen/Inter. Never use a serif, monospace, or decorative display face anywhere the brand appears.

Naming

This kit mirrors what is live on www.altolumo.com and the AltoLumo Brand System v8. If a service (Google, Microsoft, a partner's design team) asks for a file or value not covered here, contact rather than improvising a variant, so this page stays the single source of truth.