Brand Kit
Discover Lagoon's official brand assets.
Symbol
Each symbol comes in 2 different file formats, with variations for light and dark backgrounds.
→ Select the desired version, right-click on the symbol and choose "Save as".
symbol_lagoon_color.png
symbol_lagoon_color.svg
symbol_lagoon_white.png
symbol_lagoon_white.svg
symbol_lagoon_black.png
symbol_lagoon_black.svgLogotype
Each logotype comes in 2 different file formats, with variations for light and dark backgrounds.
→ Select the desired version, right-click on the logotype and choose "Save as".
logo_lagoon_color.png
logo_lagoon_color.svg
logo_lagoon_mixed.png
logo_lagoon_mixed.svg
logo_lagoon_white.png
logo_lagoon_white.svg
logo_lagoon_black.png
logo_lagoon_black.svgTypography
DM Sans is the only font used by Lagoon. Download it on Google Fonts.
Registered under the SIL Open Font License: allowing for free use, modification, and distribution of the font. Available for commercial use.
Colors
Each color comes with a specific HEX code. Copy-paste to use it.
Black #00014A
Dark Blue #00165B
Dark Teal #1E7C76
Teal #00C8BA
Light Blue #A1D8FF
Light Green #A4F6BD
Sky Blue #C9F5FF
White #FFFFF
Aqua #00D1FF
Electric Blue #0042F0
Gradients
Each gradient comes with a specific combination of HEX codes. Copy-paste to use them and follow the other instructions.
Background gradient
linear-gradient(90deg, #001658 9.37%, #002585 54.69%, #0039CB 72.81%, #13CFC2 91.2%, #A4F6BD 100%)
Accent gradient
linear-gradient(279deg, #A4F6BD 6.77%, #13CFC2 50%, #00D1FF 93.24%)
Logo gradient #1
linear-gradient(270deg, #91F1BD 0%, #2BD5C1 25%, #13CFC2 50%, #079AC6 100%), linear-gradient(279deg, #A4F6BD 6.77%, #13CFC2 50%, #00D1FF 93.24%)
Logo gradient #2
linear-gradient(270deg, #00D1FF 0%, #0039CB 100%), linear-gradient(270deg, #91F1BD 0%, #2BD5C1 25%, #13CFC2 50%, #079AC6 100%), linear-gradient(279deg, #A4F6BD 6.77%, #13CFC2 50%, #00D1FF 93.24%)
Best practices
Reference these suggested guidelines when using Lagoon identity in your content creation projects.