Huisstijlgids

Brand Identity

Kleurenpalet.

De kernkleuren van Swools. Klik op een kleur om de HEX-code te kopiëren.

Kernkleuren

Cream #F2EAE5 RGB 242 / 234 / 229
Navy #020029 RGB 2 / 0 / 41
Blue #4d65ff RGB 77 / 101 / 255
Gray #B6BBC4 RGB 182 / 187 / 196
Sand #ede8dc RGB 237 / 232 / 220
White #FFFFFF RGB 255 / 255 / 255

Accentkleur

Coral #FF6B4A RGB 255 / 107 / 74

Brand Identity

Gradiënten.

Gradiënten voor achtergronden, hero-secties en visuele accenten.

Navy → Blue linear-gradient(135deg, #020029, #4d65ff)
Blue → Coral linear-gradient(135deg, #4d65ff, #FF6B4A)
Navy → Coral linear-gradient(135deg, #020029, #FF6B4A)
Coral → Cream linear-gradient(135deg, #FF6B4A, #F2EAE5)
Navy → Blue → Coral linear-gradient(135deg, #020029, #4d65ff, #FF6B4A)
Gray → Navy linear-gradient(160deg, #B6BBC4, #020029)
Cream → Blue → Navy linear-gradient(135deg, #F2EAE5, #4d65ff, #020029)
Coral → Blue → Navy linear-gradient(135deg, #FF6B4A, #4d65ff, #020029)
Gray → Blue → Coral linear-gradient(160deg, #B6BBC4, #4d65ff, #FF6B4A)

Static Ads

Ad Achtergronden.

Gradiënten voor static ads. Sterk genoeg om op te vallen, subtiel genoeg voor tekst. Klik om de CSS te kopiëren.

Spotlight Blue radial-gradient(ellipse at 30% 80%, #4d65ff, #020029 70%)
Spotlight Coral radial-gradient(ellipse at 70% 20%, #FF6B4A, #020029 65%)
Deep Rise linear-gradient(180deg, #020029, #1a1048 40%, #4d65ff)
Sunset Fade linear-gradient(180deg, #FF6B4A, #3d2060 50%, #020029)
Full Spectrum linear-gradient(135deg, #020029, #0d0040 30%, #4d65ff 60%, #FF6B4A)
Glow Bottom radial-gradient(circle at 50% 110%, #4d65ff, #020029 60%)
Dusk linear-gradient(160deg, #020029, #2a1a4e 50%, #FF6B4A)
Arc Blue conic-gradient(from 200deg at 50% 60%, #020029, #4d65ff, #020029)
Cream Horizon linear-gradient(0deg, #020029, #0d0040 60%, #F2EAE5)
Ember Shift radial-gradient(ellipse at 80% 50%, #FF6B4A, #4d65ff 40%, #020029 70%)
Soft Wash linear-gradient(135deg, #0d0040, #4d65ff 30%, #B6BBC4 70%, #F2EAE5)
Dual Glow radial-gradient(circle at 20% 30%, #FF6B4A, transparent 40%), radial-gradient(circle at 80% 70%, #4d65ff, transparent 40%), #020029

Typography

Typografie.

Koppen & Display

Anton

Download Font

HEADING ONE

HEADING TWO

HEADING THREE

Gewicht 400 · Letter-spacing 0.02em · Regelafstand 1.2

Lopende tekst

Owners

Download Font

Regular (400) — Swools is jouw creatieve partner. Wij leveren winnende ad creatives op schaal zonder dat het jouw team tijd kost.

Medium (500) — De standaard voor lopende tekst, navigatie en beschrijvingen.