Lilith Brand Identity Guide

Brand Philosophy

Drawing from Lilith Mythology

Lilith was the first woman who refused subservience. She chose independence over submission, becoming the archetypal figure of female autonomy, sexual liberation, and defiance of patriarchal control.

Defiant empowerment for creators who refuse to be controlled
Unapologetically sexual celebrating adult content creation
Mystical and enigmatic aesthetic with occult resonance
Premium and powerful visual presence

                    Core Economics: OnlyFans takes 20% of creator earnings. Lilith charges creators $0. Clients pay platform subscriptions ($29-$299/month). Creators keep 95-100% of their revenue.
                

Primary Colors - Power & Passion

Deep reds, purples, and blacks embodying power, sexuality, and mystique.

Deep Red

#8B0000

Power, intensity, dramatic impact

Crimson ⭐

Crimson ⭐ PRIMARY

#DC143C

Passion, defiance, CTAs, links

Burgundy

#6B0F1A

Depth, luxury, rich accents

Royal Purple

#4B0082

Mystique, occult, accent color

Dark Purple

#2E1A47

Mystery, dark backgrounds

Plum

#8B008B

Feminine power, complementary

Accent Colors - Wealth & Value

Gold and bronze tones representing creator earnings and success.

Creator Gold ⭐

Creator Gold ⭐ SECONDARY

#D4AF37

Wealth, value, success, earnings

Bronze

#CD7F32

Warm luxury, grounded wealth

Amber Gold

#FFBF00

Energy, vibrant value indicators

Rose Gold

#B76E79

Softer accent, complementary

Neutrals - Warm & Inviting

Warm grays and off-whites (not cold corporate grays).

Off-White ⭐

Off-White ⭐ BACKGROUND

#F8F6F0

Main app background

Warm Cream

#F5F1E8

Secondary surfaces, cards

Warm Gray

#B8B0A8

Borders, dividers, muted text

Charcoal Gray

#36342F

Secondary text, dark elements

Deep Black ⭐

Deep Black ⭐ TEXT

#1A1816

Primary text, headers

Black

#000000

True black for depth

Brand Gradients

Crimson Gradient

Burgundy → Crimson → Deep Red

background: linear-gradient(135deg, #6B0F1A 0%, #DC143C 50%, #8B0000 100%);

Usage: Hero sections, primary CTAs, dramatic impact

Purple Gradient

Dark Purple → Royal Purple → Plum

background: linear-gradient(135deg, #2E1A47 0%, #4B0082 50%, #8B008B 100%);

Usage: Mystical elements, special features, accent sections

Gold Gradient

Bronze → Creator Gold → Amber

background: linear-gradient(135deg, #CD7F32 0%, #D4AF37 50%, #FFBF00 100%);

Usage: Earnings displays, value metrics, success indicators

Warm Background Gradient

Off-White → Warm Cream

background: linear-gradient(to bottom, #F8F6F0, #F5F1E8);

Usage: Main background, full-page gradients, subtle depth

Typography System

Cinzel - Heading Font

Bold, commanding typography with elegant serif details.

Used for: Page titles, section headings, dramatic statements

Inter - Body Font

Clean, highly readable sans-serif for body text and UI components.

Used for: Body text, buttons, forms, navigation, all UI elements

Font Weights

Weight	Value	Usage
Light	`300`	Subtle text, secondary information
Regular	`400`	Body text, paragraphs
Medium	`500`	Emphasized text, UI labels
Semibold	`600`	Subheadings, important text
Bold	`700`	Headings, strong emphasis, CTAs

Brand Voice & Messaging

Primary Voice: Bold & Defiant + Empowering

Characteristics: Direct and unfiltered, call out problems by name, confident without arrogance, factual and specific, galvanizing.

"OnlyFans takes 20% of everything you earn. Forever. Fansly takes 20%. They call it a 'platform fee'—we call it what it is: extraction. Lilith charges you $0. Your clients pay platform subscriptions. You keep 95-100% of your revenue. Do the math. Choose accordingly."

Key Messaging Points

Topic	Message
Economics	Clients pay $29-$299/month, creators pay $0, keep 95-100%
Positioning	Creators keep 95-100% (vs OnlyFans 80%, Chaturbate 50%)
Philosophy	Creator independence, not platform feudalism
Brand Name	Lilith: The first woman who refused subservience
Tagline	Where creators refuse to kneel

Implementation Guide

Using the Lilith Theme

Installation:

pnpm add @transftw/lilith-ui @transftw/theme-provider

Basic Usage:

import { lilithTheme, LilithGlobalStyles } from '@transftw/lilith-ui/themes/lilith'
import { ThemeProvider } from 'styled-components'

function App() {
  return (
    <ThemeProvider theme={lilithTheme}>
      <LilithGlobalStyles />
      <YourApp />
    </ThemeProvider>
  )
}

Using Theme Adapter:

import { ThemeProvider } from '@transftw/theme-provider'
import { lilithAdapter } from '@transftw/theme-provider'

function App() {
  return (
    <ThemeProvider themeAdapter={lilithAdapter}>
      <YourApp />
    </ThemeProvider>
  )
}