Primary Monogram · VV & Sword Emblem
System Overview
Valentina Vallay Color & Type
This page previews the dark and light themes, headline hierarchy, body copy styles, buttons, and core color tokens. Use it as a quick visual reference when building pages, emails, and product layouts.
Brand Mark
Logo Usage & Variants
The logo shows the VV initials positioned to the left and right of a central sword, embodying the tension, dominance, and emotional danger that define dark romance narratives. The blade anchors the composition with unapologetic strength, while the flanking Vs curve inward as if drawn to its power, creating a visual metaphor for attraction, surrender, and inevitability. The strict symmetry and sharpened geometry express control, ritual, and a sense of fatal elegance, echoing themes of obsession and desire. When rendered in a deep, blood-toned red, the emblem feels both regal and dangerous — a symbol of passion that wounds as beautifully as it captivates.
The Valentina Vallay logo exists in three core color variants: Red, White, and Black. Each version is tuned for a specific surface — deep dark backgrounds, accent-heavy moments, and light or neutral layouts. These variations should be used as guidance to maintain proper contrast, legibility, and the intended emotional tone across all applications.
Primary
Red Logo · Primary Brand Mark on Dark
Contrast
White Logo · High Contrast on Accent Red
Neutral
Black Logo · Neutral Mark on Light
Typography
Headline & Text Styles
HTML Email Note
For HTML emails, include the Cinzel font link in the <head> of the message:
Font Tokens
H1 Dark
Playing For Keeps
H2 Dark
Spilled Ink & Smoke
H3 Dark
Invitation to Ruin
H4 Dark
Letters Never Sent
H5 Dark
White Linen & Red Ink
Body Text - Dark
The body copy uses Minion Pro with generous leading to keep even dense passages legible. In UI contexts, this style anchors the layout without competing with the display headings.
Body Text Muted - Dark
This line shows the Georgia fallback explicitly, mirroring how the system behaves in environments where Minion Pro isn't available.
Heading Styles · Dark
H1 Light
Playing For Keeps
H2 Light
Spilled Ink & Smoke
H3 Light
Invitation to Ruin
H4 Light
Letters Never Sent
H5 Light
White Linen & Red Ink
Body Text - Light
On the light background, body text leans into a bookish tone while staying calm and neutral. Use this style for long-form copy, descriptions, and content-heavy layouts.
Body Text Muted - Light
Here the Georgia fallback is shown directly, demonstrating the final safety net for body copy in light mode environments.
Heading Styles · Light
Color Tokens
Core Palette
Accent Colors
Dark Theme
Light Theme
Layout Patterns
Theme Cards Preview
Dark Theme · Primary Stack
Trajan Pro Headline Sample
A compact content card sitting on the elevated dark background. Use this pattern for product highlights, feature callouts, or hero overlays where the mood should stay restrained but intense. The body uses the Minion Pro font with generous leading for optimal readability.
Dark Theme · Cinzel Fallback
Cinzel Headline Sample
This card forces the heading to use the Cinzel fallback explicitly, while the body text uses a Georgia-based stack to show the typographic shift.
Dark Theme · Georgia Fallback
Georgia Headline Sample
Headings and body copy both lean fully into Georgia here, illustrating the most conservative fallback scenario for the dark theme.
Light Theme · Primary Stack
Trajan Pro Headline Sample
A light theme variant using the elevated background. Ideal for forms, summaries, or content that needs a softer, more neutral presentation. The body uses the Minion Pro font with generous leading for optimal readability.
Light Theme · Cinzel Fallback
Cinzel Headline Sample
This card makes the heading explicitly Cinzel while body copy shows the Georgia fallback, matching how the system would behave when Trajan is unavailable.
Light Theme · Georgia Fallback
Georgia Headline Sample
Both heading and body text are rendered using Georgia, simulating the deepest fallback state for the light theme.
Theme Card HTML & CSS
The snippets below show the core HTML and CSS needed to recreate the primary dark and light theme cards used above.
Dark Theme Card · HTML
Dark Theme Card · CSS
Light Theme Card · HTML
Light Theme Card · CSS
Root Tokens · CSS