Production Brand Identity

The SirenSpot™ Vector Logo Suite

Nine bespoke SVG vector logos engineered for high-fashion editorial prestige, instantaneous brand recognition, and 100% WCAG 2.2 AA/AAA accessibility on our signature Solarized-Light luxury canvas.

9 / 9

Bespoke Vector SVGs

16–512px

Multi-Scale Precision

100%

WCAG 2.2 AA/AAA

0 KB

Raster Bloat (Pure Code)

Official Master Header Lockup

Logo 09: Master Lockup & Dual-Type Wordmark

Combines the golden spotlight siren emblem with our authoritative dual-font typography pairing: Newsreader 600 Serif for the alluring „Siren“, and Plus Jakarta Sans 800 for the punchy „Spot“, complemented by the Live Emerald status dot.

viewBox="0 0 240 60" Ratio 4:1 Navbar / Footer Primary

Rendered natively via <SirenLogo name="09" />

All 9 Vector Logos & Scaling Matrix

Detailed breakdown with geometry notes, primary use cases, color tokens, and 16px to 256px multi-size preview grids.

public/assets/logos/*.svg

LOGO 01 Master Favorite

Zwillingsflosse & Muschel-Lichtkrone

The Master Brand Icon

Zwei nach oben geschwungene Sinuswellen (Zwillingsflosse) umschließen eine feine Muschel-Korona mit goldenem Spotlight-Kern. Extrem elitär, sinnlich und sofort als Sirene/Meerjungfrau erkennbar.

viewBox: 0 0 64 64

Dimensions: 64 × 64 px

Geometry: Doppel-Sinuswelle mit Spotlight-Korona & Perlenring

Primary Use: Favicon, Header-Logo, Gütesiegel für verifizierte Creator

Color Palette:

#0A4D5C

#002B36

#B58900

#875F00

Multi-Scale Verification 16px → 128px

16px

32px

64px

128px

01-siren-twin-fin-crown.svg Raw SVG

LOGO 02 Editorial

High-Fashion Continuous-Line Art

Vogue & Editorial Siren

Eine einzige, ununterbrochene Vektorlinie zeichnet das wehende Haar, die weibliche Silhouette und den eleganten Flossenschwung. Erinnert an die Illustrationen von Haute-Couture-Magazinen.

viewBox: 0 0 64 64

Dimensions: 64 × 64 px

Geometry: Ununterbrochene Vektorlinie (Continuous Line Art)

Primary Use: Watermarks, Profil-Hintergründe, Creator Academy Hero

Color Palette:

#0A4D5C

#126375

#B58900

Multi-Scale Verification 16px → 128px

16px

32px

64px

128px

02-siren-minimal-line-art.svg Raw SVG

LOGO 03 App Icon Champion

'S'-Monogramm & Meereswelle

The App Icon Champion

Der Buchstabe „S“ (für Siren & Spot) wird durch eine kraftvolle Meereswelle und die Gegenkurve einer Flosse gebildet. Maximale Fernwirkung und Wiedererkennung auf kleinen Smartphone-Screens.

viewBox: 0 0 64 64

Dimensions: 64 × 64 px

Geometry: „S“-Monogramm geformt aus Meereswelle & Flossenschwung

Primary Use: App Icons (iOS/Android), PWA Icons, Social Avatars (16x16 bis 512x512)

Color Palette:

#0A4D5C

#002B36

#B58900

#875F00

Multi-Scale Verification 16px → 128px

16px

32px

64px

128px

03-siren-s-monogram-wave.svg Raw SVG

LOGO 04 Luxury Seal

Kreisrundes Luxussiegel & Perle

Cartier-Style Luxury Seal

Doppelt gerahmtes Kreissiegel mit strahlenförmiger Muschel und einer leuchtenden Perle im Zentrum. Vermittelt Exklusivität und institutionelle Sicherheit (wie ein Schweizer Luxussiegel).

viewBox: 0 0 64 64

Dimensions: 64 × 64 px

Geometry: Doppelkreis mit 5 Muschelstrahlen und Zentralperle

Primary Use: Gütesiegel, VIP Creator Zertifikate, Trust Badges

Color Palette:

#0A4D5C

#002B36

#E0D8C3

#B58900

#FFFDF9

Multi-Scale Verification 16px → 128px

16px

32px

64px

128px

04-siren-pearl-shell-seal.svg Raw SVG

LOGO 05 B2B Trust Crest

Art-Déco Mythologisches Wappen

Institutional Authority Crest

Art-Déco Schild mit harmonischen Wellenlinien und einem goldenen Polarstern. Signalisiert Autorität, B2B-Vertrauen und Treuhand-Sicherheit für Agenturen.

viewBox: 0 0 64 64

Dimensions: 64 × 64 px

Geometry: Schildkontur mit Wellensegmenten und 8-zackigem Stern

Primary Use: Agency Directory, Escrow Hub, B2B Trust Badges

Color Palette:

#0A4D5C

#B58900

#875F00

#FFFDF9

Multi-Scale Verification 16px → 128px

16px

32px

64px

128px

05-siren-mythic-crest.svg Raw SVG

LOGO 06 Fluid Dynamic

Dynamische Wellen-Fluidität

Fluid Ocean Allure

Zwei parallele Wellenströme in Deep Teal und Gold symbolisieren das Eintauchen in den Ozean der Creator. Leicht, dynamisch und modern.

viewBox: 0 0 64 64

Dimensions: 64 × 64 px

Geometry: Parallele Wellenschwingung mit gepulstem Fokuspunkt

Primary Use: Hero Sektionen, Kategorie-Icons, Stream Header

Color Palette:

#0A4D5C

#135E96

#B58900

Multi-Scale Verification 16px → 128px

16px

32px

64px

128px

06-siren-ocean-allure.svg Raw SVG

LOGO 07 Search & Radar

Spotlight-Fokus & Flossen-Optik

Search & Discovery Reticle

Ein dezentes Such-Fadenkreuz vereint mit der inneren Flossengeometrie. Perfekt für Search-, Filter- und Discovery-Kontexte.

viewBox: 0 0 64 64

Dimensions: 64 × 64 px

Geometry: Fadenkreuz-Achsen mit zentrierter Sirenen-Tropfenform

Primary Use: ⌘K Suchleiste, Search Engine Header, Radar Tools

Color Palette:

#0A4D5C

#E0D8C3

#B58900

Multi-Scale Verification 16px → 128px

16px

32px

64px

128px

07-siren-spotlight-focus.svg Raw SVG

LOGO 08 Infinity Growth

Unendlichkeitsschleife & Aura

Infinity Tail & Eternal Aura

Die liegende Acht (∞) als Symbol für unbegrenztes Wachstum und kontinuierlichen Traffic. Drei Farbübergänge von Teal über Gold zu Emerald.

viewBox: 0 0 64 64

Dimensions: 64 × 64 px

Geometry: Liegende Acht (Lemniskate) mit Dual-Satellitenpunkten

Primary Use: Traffic Analytics, Revenue Tools, Unlimited Deals

Color Palette:

#0A4D5C

#B58900

#136336

Multi-Scale Verification 16px → 128px

16px

32px

64px

128px

08-siren-infinity-tail.svg Raw SVG

LOGO 09 Master Lockup

Vollständiges Header-Masterlogo

Full Master Brand Lockup

Emblem links + Siren in Newsreader Serif (Deep Slate) + Spot in Plus Jakarta Sans 800 (Imperial Amber) + CREATOR INTELLIGENCE Subline + Emerald-Haken.

viewBox: 0 0 240 60

Dimensions: 240 × 60 px

Geometry: Skalierter Flossenkern + Typografie-Trio + Status-Dot

Primary Use: Sticky Top Header, Main Navbar, Footer Brand Signature

Color Palette:

#0A4D5C

#002B36

#B58900

#586E75

#136336

Multi-Scale Verification 16px → 128px

16px

32px

64px

128px

09-sirenspot-master-lockup.svg Raw SVG

Design System Tokens

Solarized-Light Luxury Color Palette

Mathematically verified contrast ratios against our Sandelholz Base Canvas (#FDF6E3) and Alabaster Card Surface (#FFFDF9).

Siren Deep Teal

#0A4D5C

Brand Core Primary 8.9:1 (AAA)

Imperial Amber

#B58900

Solarized Gold / Accents 3.1:1 / 5.4:1

Deep Slate

#002B36

Editorial Headings H1-H6 13.9:1 (AAA)

Verified Emerald

#136336

Trust & Verification 6.9:1 (AAA)

Siren Azure

#135E96

Platform & Intelligence 6.4:1 (AA)

Terracotta Alert

#B33312

Urgency & Flash Deals 5.7:1 (AA)

Base Canvas

#FDF6E3

Solarized Sand Base Canvas

Card Surface

#FFFDF9

Elevated Pearl Surface Surface

Developer Usage Guidelines

All components are fully typed in TypeScript and can be imported directly into any Astro or React component:

// 1. Import dynamic SirenLogo component

import SirenLogo from '../components/logos/SirenLogo.astro';

import SirenMasterLockup from '../components/logos/SirenMasterLockup.astro';

// 2. Render any of the 9 logos with custom dimensions