OSGeo Brand Pack B - Modern Rebrand

This proposal makes a significant visual departure while remaining grounded in OSGeo's mission. The palette shifts from muted teal-greens to a vibrant, high-contrast system inspired by modern developer tools and tech brands. Dark mode becomes a first-class citizen. The overall feel moves from "institutional" to "platform".

What changes: All-new typography (Space Grotesk + DM Sans), brighter green, slate-based dark tones replacing teal, new ocean blue accent, dark-mode-first aesthetic, squared-off badges, modern card borders.
What stays: The compass rose logo, green as the primary accent, the concept of nature-inspired gradients.

Logo evolution suggestion: Simplify the compass needle to cleaner geometric lines. Consider a monochrome version (single green or single white) for dark UI contexts. Explore a wordmark in Space Grotesk to complement the emblem when used side-by-side.

Key Differences from Current

Element	Current	Proposal B
Heading font	Miriam Libre Bold	Space Grotesk Bold
Body font	Sintony Regular	DM Sans Regular
Primary green	#4DB05B	#22C55E (vivid green)
Dark base	#003A40 (teal)	#0F172A (slate)
New accent	None	#0EA5E9 (ocean blue)
Dark mode	Not defined	First-class (#020617 base)
Card style	Gradient backgrounds	Border + subtle bg
Default radius	4px	8px

The compass rose logo is retained. It gains a new context on dark backgrounds and alongside the proposed ocean blue accent.

Logo Variants

Primary Logo
Light backgrounds

White Logo
Dark slate backgrounds

Emblem
App icons, favicons

Dark Mode Context
Slate-based dark

Do

Use official logo files only
Maintain the original aspect ratio
Ensure adequate clear space
White version on any dark background

Don't

Stretch or distort the logo
Recolor the logo in ocean blue
Add glows or drop shadows
Place on busy photo backgrounds

Primary Colors

#22C55E

Vivid GreenPrimary accent • RGB 34, 197, 94

#0F172A

Slate 900Primary dark • RGB 15, 23, 42

#0EA5E9

Ocean BlueSecondary accent • RGB 14, 165, 233

Neutrals (Slate Scale)

#020617

Slate 950

#1E293B

Slate 800

#334155

Slate 700

#64748B

Slate 500

#94A3B8

Slate 400

#CBD5E1

Slate 300

#E2E8F0

Slate 200

#F8FAFC

Slate 50

Accent Colors

#10B981

Emerald

#38BDF8

Sky

#84CC16

Lime

#F59E0B

Amber

#F43F5E

Rose

Typefaces

Space Grotesk

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

DM Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Why these fonts: Space Grotesk has a technical, slightly retro-futuristic quality that nods to geospatial science while feeling contemporary. DM Sans is clean and highly legible at all sizes, with a geometric structure that pairs perfectly. Both are open-source.

Role	Font	Weight	Tracking
Display	Space Grotesk	Bold (700)	-1px
Headings	Space Grotesk	SemiBold (600)	-0.5px
Body	DM Sans	Regular (400)	0
Code / Data	JetBrains Mono	Regular (400)	0

Named Gradients

A richer gradient vocabulary with the new ocean blue creating fresh combinations.

Slate to Green

#0F172A#22C55E

Slate to Ocean

#0F172A#0EA5E9

Green to Ocean

#22C55E#0EA5E9

Dark Slate

#020617#1E293B#334155

Aurora

#10B981#0EA5E9#22C55E

Shadow System

Neutral slate-based shadows for a more universally compatible look.

XS0.06

SM0.08

MD0.10

LG0.14

Glowgreen

Buttons

Primary Action Ocean Action Secondary Dark

/* Primary */   background: #22C55E; border-radius: 8px;
/* Ocean */     background: #0EA5E9; border-radius: 8px;
/* Secondary */ border: 1px solid #E2E8F0; color: #0F172A;
/* Dark */      background: #0F172A; color: #fff;

Border Radius

4pxSmall

8pxDefault

12pxCard

16pxPanel

PillRounded

Quick Reference

Property	Current	Proposal B
Primary Green	`#4DB05B`	`#22C55E`
Dark Base	`#003A40`	`#0F172A`
New Accent	n/a	`#0EA5E9` ocean
Heading Font	Miriam Libre	Space Grotesk
Body Font	Sintony	DM Sans
Default Radius	`4px`	`8px`
Dark Mode	Not defined	`#020617` base

Modern Rebrand

Design Rationale