Official Brand Guidelines
AzuraPool
Visual identity, logo system, and color palette — for internal teams and partners.
01 — Logo System
Logo System
App icon, full logo, and wordmark — use independently depending on context and space.
Primary Mark
AzuraPool
The mascot mark — used as app icon, profile photo, and favicon. Always render on a dark or brand-blue background.
400 × 400 px minimum for profile photos
AzuraPool
AzuraPoolAzuraPoolAzuraPoolFull Logo — All Formats
Clear Space Rule
Maintain clear space equal to the height of the capital "A" around all logo variants. 120 px minimum width for digital · 30 mm minimum for print.
Logo Don'ts
No Stretching
No Recoloring
No Drop Shadows
No Low Contrast
No Rotation
No Outlines
02 — Color Palette
Color Palette
Inspired by Central American skies and crystal-clear water. Click any swatch to copy the hex.
Logo Signature
Deep Ocean
#1E6DA7
R 30 · G 109 · B 167
Azure Blue
#288CBB
R 40 · G 140 · B 187
Pool Cyan
#3EB0CA
R 62 · G 176 · B 202
Brand Blue ★
#0284c7
Primary UI · azure-600
Azure Scale
azure-50
#f0f9ff
Page backgrounds
azure-100
#e0f2fe
Tinted surfaces
azure-300
#7dd3fc
Light accents
azure-500
#0ea5e9
Links, active
azure-700
#0369a1
Dark UI
azure-900
#0c4a6e
Deep text
azure-950
#082f49
Dark headers
Warm Amber — Accent
amber-400 ★
#fbbf24
CTA, highlights
amber-600
#d97706
Hover state CTAs
Neutrals
Gray 900
#111827
Headings
Gray 700
#374151
Body text
Gray 500
#6b7280
Secondary text
Gray 200
#e5e7eb
Borders
Gray 50
#f9fafb
Backgrounds
Color Usage Rule
60%
White & light neutrals
backgrounds, cards
30%
Azure Blue range
headers, primary UI
10%
Warm Amber
CTAs, highlights
03 — Typography
Typography
Inter — precision-crafted, screen-optimized grotesque. No secondary typeface needed.
Light
300
Regular
400
Medium
500
SemiBold
600
Bold
700
ExtraBold
800
Black
900
Display
72px / 900 / -3px
Heading 1
48px / 800 / -2px
Heading 2
32px / 700 / -1px
Heading 3
24px / 700
Body Large
18px / 400
Body
16px / 400
Label
13px / 600 / +0.5px
Caption
12px / 400
Getting Inter
Free & open-source at rsms.me/inter or via Google Fonts. fonts.google.com/specimen/Inter