The Brand
Not a corporation. Still has standards.
This page documents the visual identity of chrisbmn.com - the logos, colors, typography, and that gradient everyone either loves or raises an eyebrow at. (It's staying. We've moved on.)
Last updated: February 2025. If something looks off, it's probably intentional. If it's definitely wrong, there's a contact page for that.
Primary Logo
The snow variant is the primary logo. It's the one you'll see most often - on the site header, social profiles, and anywhere the brand needs to show up with its full personality intact.
Alternate Logos
For contexts where the snow effect would be lost, cluttered, or just plain weird - the no-snow and solid-color variants. Same logo, less weather.
Logo Mark
The icon-only mark. For favicons, avatars, app icons, and anywhere the full logo would be overkill or just won't fit. Available in sizes from 16px to 689px.
250px
125px
63px
32px
16px
The Gradient
Started as a decorative top bar. Became a personality trait. The gradient runs across the very top of every page - 10px tall, impossible to miss, and genuinely the most opinionated design decision on this site. It anchors in blue, sweeps through green and purple, and lands on red. Make of that what you will.
#0a02ff
@ 0%
#12f12a
@ 20%
#663399
@ 40%
#e80000
@ 70%
#860000
@ 90%
CSS value
background: linear-gradient(
141deg,
#0a02ff 0%,
#12f12a 20%,
rebeccapurple 40%,
#e80000 70%,
#860000 90%
);Typography
Together they somehow work. The rigid geometry of Berlin Sans grounds the "CHRISB" portion, while the more expressive SNOW BLUE gives the "MN" a distinct - and appropriately Midwestern - character. (Don't ask why this combination made sense. It just does.)
Color Palette
Click any swatch to copy the hex value. (You're welcome.)
Usage Guidelines
- Use the snow logo as the primary mark wherever possible
- Use the black logo on light backgrounds; white logo on dark backgrounds
- Give the logo adequate breathing room - don't crowd it
- Use the mark/icon for favicons, app icons, and small-format use
- Link to this page if you're referencing the brand
- Stretch, distort, or recolor the logo
- Place the black logo on dark backgrounds - use white instead
- Apply drop shadows, glows, or other effects to the logo
- Use the logo to imply endorsement or affiliation
- Recreate the logo in a different font - that's not how this works
Assets
Need a logo file? These are served directly from the CDN. Right-click → Save, or link directly.