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".

PNG

symbol_lagoon_color.png

SVG

symbol_lagoon_color.svg

PNG

symbol_lagoon_white.png

SVG

symbol_lagoon_white.svg

PNG

symbol_lagoon_black.png

SVG

symbol_lagoon_black.svg

---

Logotype

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".

PNG

logo_lagoon_color.png

SVG

logo_lagoon_color.svg

PNG

logo_lagoon_mixed.png

SVG

logo_lagoon_mixed.svg

PNG

logo_lagoon_white.png

SVG

logo_lagoon_white.svg

PNG

logo_lagoon_black.png

SVG

logo_lagoon_black.svg

---

Typography

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%)