Foundation (beta)

design system for OSM apps

Whats is Foundation?

Foundation is a Design System for the OpenStreetMap ecosystem based on Bootstrap and keeping the simplicity of OSM.org.

Typography - Source Sans Pro

Class	Weight	px	px
H1	Semibold (600)	72px	4.5rem
H2	Semibold (600)	48px	3rem
H3	Semibold (600)	40px	2.5rem
H4	Bold (700)	24px	1.5rem
H5	Bold (700)	20px	1.25rem
H6	Bold (700)	18px	1.125rem
Body Light	Light (300)	16px	1rem
Body	Regular (400)	16px	1rem
Body Medium	Semibold (600)	16px	1rem
Small	Regular (400)	12px	0.75rem
Caption	Bold (700)	12px	0.75rem

Colors

Color	HEX
Just Blue	#5872C7
Just Green	#6CC559
Dark Blue	#1e2936
Dark Gray	#4c4c4c
Gray	#b1b2b5
Red Ice	#e8e9ea

Icons

• FontAwesome
• Bootstrap Icons

Collaborate

Look at CONTRIBUTING

Projects

• Gaia - Redesign OSM.org

Next steps

• Darkmode support
• Port to TailwindCSS

License

• Creative Commons Attribution 4.0 International Public License