// Designsystem
Scaile Designsystem
Single source of truth for hele Scaile-brandet. Farver, typography, gradients, components.
Logo
ScaileScaileScaile
Farvepalet
Primary
#635bff
--color-primary
Primary Dark
#4f46e5
--color-primary-dark
Violet
#8b5cf6
--color-violet
Pink
#ec4899
--color-pink
Orange
#f97316
--color-orange
Cyan
#00d4ff
--color-cyan
Blue
#0066ff
--color-blue
Ink
#0a0a0a
--color-ink
Gradienter
Brand
Hovedgradient: indigo → violet → pink → orange
var(--grad-brand)Cool
Cool blå → lilla — bruges til stats og secondary
var(--grad-cool)Electric
Cyan → indigo — bruges til tech/data visuals
var(--grad-electric)Typography
H1 — Hero / Page title
Vi bygger AI ind i din virksomhed.
H2 — Section title
Vi sælger ikke en hyldevare.
H3 — Subsection
AI-integration i drift
Body Large
Scaile er et udviklings- og rådgivningshus specialiseret i AI-integration, automation og custom software.
Body
Hver virksomhed har sine egne flaskehalse. Vi starter med at forstå dine — og leverer noget, der virker.
Mono / Code
// const result = await scaile.deploy()
Buttons
Primary
Gradient
Ghost
Outline
Badges
DefaultGradientSubtleSuccessWarning
Cards
Default Card
Hvid baggrund, subtil border, rounded corners.
Spotlight Card
Bevæg musen — der følger en glow med.
Glow Card
Med blød brand-shadow nedenunder.
Section Eyebrow
// Med slash
Uden slash
Placeholder Images
[Photo]
Eksempel: Foto af team-medlem ved skrivebord, naturligt lys, autentisk arbejdsmiljø.
[Illustration]
Eksempel: SVG-illustration af workflow med farvede nodes og arrows.
Spacing & Radius tokens
--radius-sm--radius-md--radius-lg--radius-xl