# Brand Kit ## 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".
PNGsymbol_lagoon_color.png
SVG		symbol_lagoon_color.svgSymbol 1.png
PNGsymbol_lagoon_white.pngSVGsymbol_lagoon_white.svgSymbol 3.png
PNGsymbol_lagoon_black.pngSVGsymbol_lagoon_black.svgSymbol 4.png
*** ## 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".
PNGlogo_lagoon_color.pngSVGlogo_lagoon_color.svgLogo 1.png
PNGlogo_lagoon_mixed.pngSVGlogo_lagoon_mixed.svgLogo 2.png
PNGlogo_lagoon_white.pngSVGlogo_lagoon_white.svgLogo 3.png
PNGlogo_lagoon_black.pngSVGlogo_lagoon_black.svgLogo 4.png
*** ## Typography DM Sans is the only font used by Lagoon. Download it on [Google Fonts](https://fonts.google.com/specimen/DM+Sans).
Typeface Light.png
Typeface Regular.png
Typeface Medium.png
Typeface SemiBold.png
Typeface Bold.png
Registered under the [SIL Open Font License](https://openfontlicense.org/): 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		Black.png
Dark Blue
#00165B		Dark Blue.png
Dark Teal
#1E7C76		Dark Teal.png
Teal
#00C8BA		Teal.png
Light Blue
#A1D8FF		Light Blue.png
Light Green
#A4F6BD		Light Green.png
Sky Blue
#C9F5FF		Sky Blue.png
White
#FFFFF		White.png
Aqua
#00D1FF		Aqua.png
Electric Blue
#0042F0		Electric blue.png
*** ## Gradients Each gradient comes with a specific combination of HEX codes. Copy-paste to use them and follow the other instructions.
Background gradientlinear-gradient(90deg, #001658 9.37%, #002585 54.69%, #0039CB 72.81%, #13CFC2 91.2%, #A4F6BD 100%)Background gradient.png
Accent gradientlinear-gradient(279deg, #A4F6BD 6.77%, #13CFC2 50%, #00D1FF 93.24%)Accent gradient.png
Logo gradient #1linear-gradient(270deg, #91F1BD 0%, #2BD5C1 25%, #13CFC2 50%, #079AC6 100%), linear-gradient(279deg, #A4F6BD 6.77%, #13CFC2 50%, #00D1FF 93.24%)Logo gradient #1.png
Logo gradient #2linear-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%)Logo gradient #2.png