This proposal preserves the core OSGeo identity while modernizing the details. The green and teal remain instantly recognizable, but gain depth and warmth. Typography moves to a contemporary geometric sans-serif family that improves screen readability while maintaining the professional gravitas of the original.
What changes: Typography (Plus Jakarta Sans + Inter replaces Miriam Libre + Sintony), slightly warmer/deeper green and teal tones, softer border radii, refined spacing.
What stays: The compass rose logo, green + teal brand axis, gradient direction language, overall visual weight and tone.
Logo evolution suggestion: No changes to the logo itself. Consider adding a subtle thin-line circular border around the compass emblem for use as an app icon or social avatar. The wordmark remains untouched.
Key Differences from Current
| Element | Current | Proposal A |
| Heading font | Miriam Libre Bold | Plus Jakarta Sans ExtraBold |
| Body font | Sintony Regular | Inter Regular |
| Primary green | #4DB05B | #3DA34D (slightly deeper) |
| Primary teal | #003A40 | #0A3D42 (fractionally warmer) |
| Gradient angle | 135deg | 150deg (gentler diagonal) |
| Default radius | 4px | 6px |
| Button radius | 10px | 8px |
The existing compass rose logo is retained unchanged. Usage rules carry over from the current brand guidelines.
Logo Variants
Primary Logo
For light backgrounds
White Logo
For dark backgrounds
Emblem
Compact contexts
On Proposed Gradient
Updated 150deg angle
Do
- Use official logo files only
- Maintain the original aspect ratio
- Ensure adequate clear space
- Use white variant on dark backgrounds
Don't
- Stretch or distort the logo
- Change logo colors
- Add effects, shadows, or outlines
- Place on busy or low-contrast backgrounds
Typefaces
Plus Jakarta Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Inter Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Why this change: Plus Jakarta Sans is a modern geometric sans-serif with excellent screen rendering and a warm personality. Inter is one of the most readable UI typefaces available, designed specifically for screens. Both are open-source Google Fonts.
| Role | Font | Weight | Tracking |
| Display | Plus Jakarta Sans | ExtraBold (800) | -0.5px |
| Headings | Plus Jakarta Sans | Bold (700) | -0.3px |
| Body | Inter | Regular (400) | 0 |
| UI / Labels | Inter | Medium (500) | 0.3px |
Named Gradients
Gradients shift to 150 degrees for a gentler, more natural diagonal.
Earth (Primary)
#0A3D42#14707A#3DA34D
Ocean
#0A3D42#1A9BA6#5CC16C
Forest
#061F22#1B6B3A#8FBF9A
Shadow System
Shadows remain teal-tinted but with slightly softer values for a gentler feel.
Small0.08
Medium0.10
Large0.14
XL0.18
Glowgreen
Border Radius
Slightly increased default radius for a softer, more modern feel.
4pxSmall
6pxDefault
8pxButton
12pxCard
16pxModal
20pxBadge
PillRounded
Buttons
Primary Action
Secondary
Dark Button
/* Primary */ background: #3DA34D; border-radius: 8px; font-weight: 600;
/* Secondary */ border: 2px solid #0A3D42; color: #0A3D42;
/* Dark */ background: #0A3D42; color: #fff;
Quick Reference
| Property | Current | Proposal A |
| Primary Green | #4DB05B | #3DA34D |
| Primary Teal | #003A40 | #0A3D42 |
| Heading Font | Miriam Libre | Plus Jakarta Sans |
| Body Font | Sintony | Inter |
| Button Radius | 10px | 8px |
| Default Radius | 4px | 6px |
| Gradient Angle | 135deg | 150deg |