Calipso Digital — Logo System
Primary Logo — Horizontal
Calipso DIGITAL
Primary · Dark Background
Calipso DIGITAL
On Surface
Calipso DIGITAL
On Light
Calipso DIGITAL
On Brand Teal
Stacked Logo — Vertical

Use when the space is square or portrait — social profiles, thumbnails, app icons, square ads.

Calipso DIGITAL
Primary · Dark
Calipso DIGITAL
Light Background
Calipso DIGITAL
Brand Teal
Mark Only — Icon

Use when the brand is already established in context — app icons, favicons, social avatars, watermarks.

64px · Dark
48px · Dark
32px · Dark
64px · Light
64px · Teal
16px · Favicon
Mark Anatomy
Construction
The mark is built from three concentric C-arcs sharing a common center, each opening to the right. The gap angle is ±45° from horizontal (90° total).
Arc 1 — outer, radius 34. Stroke weight 3.8. Full opacity. Calipso Teal #00BFA5.
Arc 2 — middle, radius 25. Stroke weight 2.6. 60% opacity. Teal Glow #10F5D4.
Arc 3 — inner, radius 16. Stroke weight 2. 28% opacity. Calipso Teal #00BFA5.
The three arcs create depth and motion — referencing the sea nymph Calypso's domain: layered ocean currents viewed from above.
The C-shape simultaneously functions as the brand initial — no wordmark needed for recognition at scale.
Arc 1 · r34 · #00BFA5 Arc 2 · r25 · #10F5D4 Arc 3 · r16 · 28% opacity Gap: ±45° from horizontal center (0,0)
Usage Rules
Do
Use the mark on brand-approved backgrounds: deep space, surface, white, or teal
Maintain minimum clear space of 1× the mark height on all sides
Scale uniformly — never stretch the mark
Use the mark-only version when the brand name appears elsewhere in context
On light backgrounds, darken the outer arc to #00917A for contrast
Don't
Don't recolour the mark in non-brand colours
Don't add drop shadows, gradients, or outlines to the mark
Don't place the logo on busy photographic backgrounds without a backdrop
Don't use the wordmark below 120px wide — use the mark only
Don't rotate or flip the mark
Copy-Ready SVG Code
Mark Only — 80×80 SVG
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <!-- Arc 1: outer, Calipso Teal --> <path d="M 64.04 15.96 A 34 34 0 1 0 64.04 64.04" stroke="#00BFA5" stroke-width="3.8" stroke-linecap="round"/> <!-- Arc 2: middle, Teal Glow --> <path d="M 57.68 22.32 A 25 25 0 1 0 57.68 57.68" stroke="#10F5D4" stroke-width="2.6" stroke-linecap="round" opacity="0.6"/> <!-- Arc 3: inner, Calipso Teal faded --> <path d="M 51.31 28.69 A 16 16 0 1 0 51.31 51.31" stroke="#00BFA5" stroke-width="2" stroke-linecap="round" opacity="0.28"/> </svg>
Horizontal Logo — 320×80 SVG
<svg width="320" height="80" viewBox="0 0 320 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <!-- Mark --> <path d="M 64.04 15.96 A 34 34 0 1 0 64.04 64.04" stroke="#00BFA5" stroke-width="3.8" stroke-linecap="round"/> <path d="M 57.68 22.32 A 25 25 0 1 0 57.68 57.68" stroke="#10F5D4" stroke-width="2.6" stroke-linecap="round" opacity="0.6"/> <path d="M 51.31 28.69 A 16 16 0 1 0 51.31 51.31" stroke="#00BFA5" stroke-width="2" stroke-linecap="round" opacity="0.28"/> <!-- Wordmark --> <text x="94" y="45" font-family="'Space Grotesk', sans-serif" font-weight="700" font-size="30" fill="#F1F5F9" letter-spacing="-0.8">Calipso</text> <text x="95" y="65" font-family="'Space Grotesk', sans-serif" font-weight="400" font-size="13" fill="#00BFA5" letter-spacing="5.5">DIGITAL</text> </svg>