Liminal Space — Brand Kit
Visual Identity
Cosmic-organic aesthetic inspired by bioluminescent gardens and surrealist painting. Soft gradient orbs, stippled textures, and dreamlike compositions.
Hero Compositions
Dark Mode — Cosmic Garden
The Identity Operating System
LIMINAL
SPACE
Navigate who you're becoming.
Light Mode — Dreamy Orbs
Light Mode
Dreamy
Gradient
Same orbs, warm cream background.
Pitch Deck Slides
V3 Bold Chromatic — Full spectrum gradients, heavy grain, metaball forms
01 — Problem (Warm Palette)
The Problem
lost annually to identity crisis at work
Burnout is identity work
Career pivots need support
Tools don't understand who we're becoming
02 — Solution (Cool Palette)
The Solution
Liminal Space
The identity operating system that knows who you're becoming
03 — Traction (Full Spectrum)
Traction
04 — Team (Warm Human)
Team
Founder Name
CEO & Co-Founder
• 10+ years in identity/wellness tech
• Previously: [Company]
• Ex-Asana, Cloudflare, Robinhood, Ancestry
05 — The Ask (Maximum Vibrance)
Pre-Seed
Join us in building the identity layer for human transition
hello@theliminalspace.io
Color Palette
V3 Full Spectrum Palette
MAXIMALIST — Use all colors TOGETHER, not one at a time
Violet ↔ Teal tension · Rose warmth · Gold luminosity
Primary — Violet
Brand anchor, intelligence, depth
Secondary — Rose/Magenta
Warmth anchor, energy, passion
Accent — Teal/Cyan
Cool energy, clarity, communication
Tertiary — Gold
Luminous premium, achievement, cosmic
Full Spectrum Gradient
Rose → Violet → Teal → Seafoam → Gold
Visual Elements
Gradient Orbs
Dark cores → luminous halos. Value contrast creates glow, not saturation.
Backgrounds
Void Black
#000000
Primary background for dark mode. Pure black creates maximum contrast for glowing elements.
Warm Cream
#f5f0d6
Light mode background. Warm, not pure white. Creates dreamy, painterly quality.
Design Principles
Soft, Not Sharp
Everything has blur, glow, or fuzzy edges. Nothing is hard-edged or geometric.
Layered Depth
Orbs overlap with transparency. Creates sense of floating in space.
Cosmic Color
Full spectrum used together. Coral, magenta, teal, lime, gold all coexist.
Dark Cores
Orbs have darker centers that fade to glowing halos. Like cells or soap bubbles.
Painterly Feel
Should look handmade, not generated. Stippled textures add analog quality.
Dreamy, Not Clinical
Surrealist, not dashboard. This is art, not data visualization.
Typography
Typography System
Font Family: Space Grotesk (Geometric Sans-Serif)
Fallback: -apple-system, BlinkMacSystemFont, sans-serif
Hero headlines, pitch deck stats
Section headers, key messages
Page titles
Section titles
Subsection titles
Lead paragraphs
Body copy
Secondary text, captions
Category labels, metadata (uppercase)
Spacing & Grid
Spacing System
8pt grid base. All spacing is a multiple of 4px.
12-Column Grid (16px gutter)
Pattern Assets
Pattern Assets
Reusable SVG backgrounds and textures
Grain Overlay (15% opacity)
feTurbulence fractalNoise, baseFrequency=0.8
Mesh Gradient
4x radial-gradient ellipse layers
Wave Pattern
SVG path with gradient fills
Flow Lines
SVG bezier curves with varying opacity
Brand Rules
Brand Usage Rules
- •Use full spectrum gradients (violet + teal + rose + gold together)
- •Apply heavy grain texture (10-15% opacity) on backgrounds
- •Use organic blob/metaball shapes, not geometric
- •Create depth with overlapping translucent layers
- •Let colors glow FROM darkness (bioluminescent)
- •Use asymmetric layouts (60/40 splits, off-center)
- •Anchor typography to edges or bottom-left
- •Don't use single colors in isolation
- •Don't use pure digital colors (#ff00ff)
- •Don't use hard geometric shapes or sharp corners
- •Don't use symmetrical centered layouts
- •Don't use pure white or pure black text
- •Don't use rainbow gradients without hierarchy
- •Don't skip the grain texture on hero moments
Code Snippets
Gradient Code Snippets
Copy-paste ready CSS values
Full Spectrum
linear-gradient(135deg, #e90095 0%, /* rose */ #8e66fb 25%, /* violet */ #0ed7f2 50%, /* teal */ #2de2c9 75%, /* seafoam */ #fff06c 100% /* gold */ )
Mesh Background
radial-gradient(ellipse at 20% 30%, #8e66fb80 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, #0ed7f260 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, #e9009550 0%, transparent 40%), radial-gradient(ellipse at 90% 20%, #fff06c40 0%, transparent 30%)
Grain Filter (SVG)
<filter id="noise">
<feTurbulence
type="fractalNoise"
baseFrequency="0.8"
numOctaves="4"
stitchTiles="stitch"
/>
</filter>
<!-- Apply: opacity: 0.15, mix-blend-mode: overlay -->v0 Shader Button Pattern
Embedded on /sandbox/design-system/brand. Source of truth is /sandbox/design-system.
Motion mode: standard.