OSGeo Brand Pack C - Bold Reimagination

This proposal is a radical rethink of OSGeo's visual identity. The traditional institutional green-teal is replaced with an electric neon palette on a dark canvas. The design language draws from developer tools, creative coding, and modern data visualization -- positioning OSGeo as a cutting-edge technology foundation, not just a standards body.

What changes: Everything visual. Dark-first design, electric green (#00FF88) replaces muted green, violet/indigo accents, single variable-weight typeface (Outfit) with optional serif for editorial (Source Serif 4), glass morphism components, neon glow effects.
What stays: The compass rose logo (in white-on-dark contexts), green as the primary signal color, the underlying information architecture.

Logo evolution suggestion: Commission a refined monoline version of the compass emblem optimized for small sizes. Consider an animated SVG variant where the compass needle subtly rotates on hover. The "OSGeo" wordmark should be reset in Outfit Black with tight letter-spacing for a razor-sharp modern mark. The emblem could gain a subtle circular glow ring in electric green for hero contexts.

Key Differences from Current

Element	Current	Proposal C
Base canvas	White (#fff)	Midnight (#0C0C1D)
Primary accent	#4DB05B (muted green)	#00FF88 (electric green)
Secondary accent	#003A40 (teal)	#7C3AED (violet)
Tertiary accent	None	#06B6D4 (cyan)
Typeface system	Miriam Libre + Sintony	Outfit (single family, 300-900)
Editorial font	None	Source Serif 4
Component style	Solid fills, subtle shadows	Glass morphism, neon borders
Default radius	4px	14px

The compass rose remains the core symbol. In this system it lives almost exclusively in white on dark surfaces, gaining dramatic presence through contrast and surrounding negative space.

Logo Contexts

Primary Context
White on midnight

Glow Context
On gradient surface

Print / Light Fallback
When dark is not possible

Monochrome Emblem
Icons, favicons, watermarks

Do

Prefer white logo on dark backgrounds
Allow generous negative space
Use emblem alone at small sizes
Pair with Outfit Black for wordmark

Don't

Apply neon glow to the logo itself
Recolor the logo in violet or cyan
Use on light backgrounds unless necessary
Combine with other neon elements directly

Signal Colors

#00FF88

Electric GreenPrimary signal • RGB 0, 255, 136

#7C3AED

VioletSecondary signal • RGB 124, 58, 237

#06B6D4

CyanTertiary signal • RGB 6, 182, 212

Dark Surfaces

#0C0C1D

Midnight

#16162A

Surface

#1E1E32

Elevated

#2A2A44

Overlay

Extended Palette

#4ADE80

Hot Green

#3730A3

Indigo

#FCD34D

Warm

#FB7185

Coral

System / UI

#FB7185

Danger

#FCD34D

Warning

#00FF88

Success

#06B6D4

Info

Typefaces

Outfit Black

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Source Serif 4

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Outfit Light for body text creates an airy, modern reading experience.

Why Outfit: A single variable-weight geometric sans covering everything from Light (300) body text to Black (900) display. This eliminates the need for separate heading and body typefaces, creating effortless hierarchy through weight alone. Source Serif 4 adds editorial gravitas for long-form content like reports and case studies.

Role	Font	Weight	Tracking
Display / Hero	Outfit	Black (900)	-3px
Headings	Outfit	Bold (700)	-1px
Subheadings	Outfit	SemiBold (600)	-0.5px
Body	Outfit	Light (300)	0
Editorial	Source Serif 4	Regular (400)	0
Labels / UI	Outfit	Medium (500)	0.5px

Named Gradients

Neon Reef

#00FF88#06B6D4

Cosmic

#7C3AED#06B6D4

Spectrum

#00FF88#7C3AED

Deep Space

#0C0C1D#3730A3#7C3AED

Sunset Flare

#FCD34D#FB7185#7C3AED

Glow & Glass Effects

Neon glows and glass morphism replace traditional shadows as the primary depth language.

/* Glass morphism */
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
backdrop-filter: blur(12px);

/* Neon glow - green */
box-shadow: 0 0 20px rgba(0, 255, 136, 0.15),
            0 0 60px rgba(0, 255, 136, 0.05);

/* Neon glow - violet */
box-shadow: 0 0 20px rgba(124, 58, 237, 0.15),
            0 0 60px rgba(124, 58, 237, 0.05);

Buttons

Primary Action Secondary Ghost Glass

/* Electric */  background: #00FF88; color: #0C0C1D; border-radius: 8px;
/* Violet */   background: #7C3AED; color: #fff;
/* Ghost */    border: 1px solid rgba(255,255,255,0.08); color: #fff;
/* Glass */    background: rgba(255,255,255,0.06); backdrop-filter: blur(8px);

Border Radius

4pxTight

8pxButton

14pxDefault

16pxCard

24pxPanel

PillRounded

Quick Reference

Property	Current	Proposal C
Canvas	White	`#0C0C1D` midnight
Primary Accent	`#4DB05B`	`#00FF88` electric
Secondary Accent	`#003A40`	`#7C3AED` violet
Tertiary Accent	n/a	`#06B6D4` cyan
Typeface	Miriam Libre + Sintony	Outfit (single family)
Default Radius	`4px`	`14px`
Depth Language	Teal-tinted shadows	Neon glows + glass

Bold Reimagination

Design Rationale