Brand Kit

Discover Lagoon's official brand assets.

Full media kit for download coming soon...


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


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


Typography

DM Sans is the only font used by Lagoon. Download it on Google Fonts.

Cover

Cover

Cover

Cover

Cover

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.

Cover

Black #00014A

Cover

Dark Blue #00165B

Cover

Dark Teal #1E7C76

Cover

Teal #00C8BA

Cover

Light Blue #A1D8FF

Cover

Light Green #A4F6BD

Cover

Sky Blue #C9F5FF

Cover

White #FFFFF

Cover

Aqua #00D1FF

Cover

Electric Blue #0042F0


Gradients

Each gradient comes with a specific combination of HEX codes. Copy-paste to use them and follow the other instructions.

Cover

Background gradient

linear-gradient(90deg, #001658 9.37%, #002585 54.69%, #0039CB 72.81%, #13CFC2 91.2%, #A4F6BD 100%)

Cover

Accent gradient

linear-gradient(279deg, #A4F6BD 6.77%, #13CFC2 50%, #00D1FF 93.24%)

Cover

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

Cover

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.

Suggested usage

Things to avoid