Section 01
Logo wordmark
Click a card to mark it as selected. The logo uses the font-gegola typeface.
Section 02
Logo + icon lockup
How the wordmark looks next to the Pixloop favicon icon.
Dark bg (primary) · Brand Blue
pixloopDark bg (primary) · Blue → Sky
pixloopDark bg (primary) · Lime
pixloopDark bg (primary) · White
pixloopCard surface · Brand Blue
pixloopCard surface · Blue → Sky
pixloopCard surface · Lime
pixloopCard surface · White
pixloopLight bg · Brand Blue
pixloopLight bg · Blue → Sky
pixloopLight bg · Lime
pixloopLight bg · White
pixloopSection 03
CTA Buttons
Primary CTA with different fill colours. Secondary is always outline.
Brand Blue (current)
Paired with nav logo:
pixloopLime solid
Paired with nav logo:
pixloopWhite / near-white
Paired with nav logo:
pixloopOutline (dark bg)
Paired with nav logo:
pixloopSection 04
Colour tokens
The full v2 design system palette — shared across marketing and app surfaces.
Background
Surface card
Surface elevated
Text primary
Text secondary
Text tertiary
Brand blue
Lime accent
Border default
Section 05
Typography
Gegola — logo wordmark only
pixloop
Inter Medium — hero heading
One system for every campaign.
Inter Medium — section heading
Complete GenAI toolkit
Inter Regular — body
From brand strategy to content production in one connected flow. Pixloop gives marketing teams one system to brief, generate, review, and ship.
Inter — eyebrow / labels
In practice · Section label · Coming soon
Section 06
Hero accent word
The rotating hero text accent (e.g. "every campaign.") — shown large as it appears in the hero.
Current — from-blue-400 to-white/90 (v2 current)
Lime solid — solid lime
Blue → Lime — from-blue-400 to-lime
Cyan → White — from-cyan-400 to-white/90