Thoram Group
Thoram Style Guide
← Back to site
Design Tokens

Color Palette

Obsidian + Electric Cyan — a dark, sophisticated palette inspired by Linear and Vercel.

Core Backgrounds

Obsidian
#050A14
Void
#080E1C
Graphite
#0C1425
Slate
#141E33
Steel
#1C2A44

Text Hierarchy

Ice (Primary)
#E8EDF5
Frost (Secondary)
#A3B1CC
Mist (Muted)
#5E6F8A

Accent — Electric Cyan

Cyan 300
#67E8F9
Cyan 400
#22D3EE
Cyan 500
#06B6D4
Cyan 600
#0891B2
Cyan 700
#0E7490

Semantic

Success
#10B981
Warning
#F59E0B
Danger
#EF4444
Typography

Type Scale

Outfit for display, Inter for body, JetBrains Mono for utility.

DISPLAY 2XL — Outfit 800 — 5rem
Growth, Engineered.
DISPLAY XL — Outfit 800 — 3.75rem
Scale Revenue with AI
DISPLAY LG — Outfit 700 — 3rem
Automate Everything
DISPLAY MD — Outfit 700 — 2.25rem
Products & Services
DISPLAY SM — Outfit 600 — 1.875rem
Case Studies
BODY XL — Inter — 1.25rem
We combine AI, software, automation, and marketing to help ambitious companies grow.
BODY LG — Inter — 1.125rem
Predictable growth through intelligent systems and data-driven strategy.
BODY MD — Inter — 1rem
Every feature is designed to reduce friction and increase conversion rates across your funnel.
BODY SM — Inter — 0.875rem
Built for growth teams who demand results, not dashboards.
MONO — JetBrains Mono — 0.875rem
const roi = revenue / adSpend * 100;
GRADIENT TEXT
Engineered for Scale
Components

Buttons

Magnetic hover with spring physics. Four variants: Primary, Secondary, Outline, Ghost.

PRIMARY
SECONDARY
OUTLINE
GHOST
Components

Cards

Four variants: Default, Glass, Elevated, Glow.

DEFAULT CARD

AI Sales Engine

Finds, qualifies, and nurtures prospects automatically using intelligent automation.

GLASS CARD

Conversion Lab

Improves websites and landing pages to significantly increase sales conversion rates.

ELEVATED CARD

Brand Visibility

SEO, content marketing, social media, PR, and video production under one roof.

GLOW CARD

Growth OS

Everything needed to grow — the complete platform for revenue acceleration.

Spacing

Spacing Scale

4px base unit scale: 4 → 8 → 16 → 24 → 48 → 96px.

4px
8px
16px
24px
48px
96px
Effects

Shadows & Glow

Shadow SM
Shadow MD
Shadow LG
Shadow XL
Glow
Glow LG
Glass
Glass Strong
Motion

Animation Samples

Hover: Scale
Hover: Glow

Thoram Group Design System v1.0 — Loop 1 Lock Check ✓