Twilight bokeh background
Brand Guidelines v1.0
Twilora Brand

"Where twilight meets aurora—elegance in every shade of purple."

Primary: Violet Family
Secondary: White
Secondary: Black

Color Palette

Our violet spectrum represents creativity, wisdom, and luxury. From soft lavender whispers to deep midnight purples, each shade serves a specific purpose in the Twilora ecosystem.

Primary Violet Spectrum

50

Lavender Mist

#FAF5FF

200

Soft Lilac

#E9D5FF

500

Twilora Purple

#A855F7

700

Royal Violet

#7E22CE

950

Midnight Plum

#3B0764

Secondary Monochrome

Pure White

#FFFFFF • RGB(255,255,255)

Use for backgrounds, negative space, and contrast

Deep Black

#000000 • RGB(0,0,0)

Use for typography, emphasis, and luxury accents

Kalyan Gold

#D4AF37 • RGB(212,175,55)

Accent color for premium highlights and awards

60-30-10 Rule

60% White/Neutral, 30% Primary Violet, 10% Deep Purple or Black for accents.

Accessibility

Always ensure 4.5:1 contrast ratio. Use White on 700+ purples, Black on 300- purples.

Gradients

Use 135° angles. Preferred: 600→950 or 200→500. Never mix warm colors.

Typography

A harmonious blend of modern sans-serif clarity and elegant serif sophistication. Inter for UI and body, Playfair Display for headlines and brand moments.

Primary Display

Playfair Display

Weights: 400, 600

Styles: Regular, Italic

H1 — 48px/56px

Twilora Elegance

H2 — 36px/44px

Beautiful Headlines

Italic — 24px/32px

"Refined quotations and emphasis"

Secondary UI

Inter

Weights: 300-700

Optimized for UI

Body Large — 18px/28px

Inter provides excellent readability for long-form content and UI elements with its clean, geometric forms.

Body — 16px/24px

Regular text maintains perfect legibility at all sizes with optimized letter spacing.

Label — 14px/20px Uppercase

Navigation • Buttons • Tags

Type Scale

12px Caption, fine print, timestamps
14px Body small, buttons, labels, navigation
16px Body default, form inputs, descriptions
20px Lead paragraph, card titles
24px Section subtitles, featured text
32px Major headings, hero subtitles
48px Hero headlines

Imagery & Photography

Visual storytelling that captures the essence of twilight—ethereal, sophisticated, and dreamlike. All imagery should feel like a moment suspended between day and night.

Twilight bokeh atmosphere

Atmospheric Bokeh

Soft, out-of-focus light elements

Purple gradient textures

Violet Tones

Natural purple/violet color fields

Minimalist twilight scene

Minimalist Shadows

Clean lines with purple shadows

Photography Guidelines

  • Prefer low-light or "golden hour" photography with purple/blue color grading
  • Use soft focus and lens flares to create ethereal atmosphere
  • Images should feel contemplative, calm, and slightly mysterious
  • Avoid harsh flash photography or overly bright/saturated colors
Gradient overlay example

Color Grading

Apply subtle violet overlays to all photography to maintain brand cohesion.

Overlay: 20-40% opacity
Instagram post template
LinkedIn post template
Twitter post template
Pinterest template

Social media templates with consistent violet color grading

Voice & Tone

Elegant but Accessible

We speak with sophistication but never with arrogance. Purple is the color of royalty, but we wear it with warmth.

Twilight Calm

Our tone is calming, thoughtful, and never rushed. We believe in the magic of pause and reflection.

Creative Confidence

We inspire creativity in others. Our language encourages experimentation and celebrates beauty.

Messaging Examples

Instead of:

"Error: Invalid input detected"

Say:

"Let's try that again with a gentle touch"

Instead of:

"Buy now! Limited time offer!"

Say:

"Discover something extraordinary, waiting just for you"