dev / internal

Styleguide

Wewnętrzna referencja designu — kolory, typografia, komponenty.

1. Palette

Backgrounds

bg-deep#050814
bg#0a0e1f
bg-elev#0f1530

Foreground

fg#e6f0ff
fg-muted#8a9bbf
fg-dim#4a5778

Accent (signature electric blue)

accent#00BFFF
accent-hi#40D0FF
accent-lo#0080CC

Semantic

success#00ff9d
warn#ffb800
danger#ff4d6d

2. Typography

h1 — Rajdhani italic 700

Bezpieczeństwo dla aplikacji budowanych z AI

h2 — Rajdhani italic 600

How it works — ladder of three rungs

h3 — Inter 600

Sprawdzenie RLS — $29 jednorazowo

body — Inter 400/500

Polskie znaki: ąęóśżźćńł. The quick brown fox jumps over the lazy dog. Numbers over adjectives: 12 test cases, 100% coverage, 1 live runtime probe.

code — JetBrains Mono

ALTER TABLE users ENABLE ROW LEVEL SECURITY;
CREATE POLICY "users_self_read" ON users
  FOR SELECT USING (auth.uid() = id);

3. Buttons

4. Card

ladder.wedge.status

ladder.wedge.title

ladder.wedge.price

ladder.audit.status

ladder.audit.title

ladder.audit.price

ladder.shield.status

ladder.shield.title

ladder.shield.price

5. Input

6. Cyber-grid (signature background)

absolute inset-0 background pattern

7. Glow primitives

glow-sm

glow

glow-lg + nl-pulse

nl-glow-text

Use sparingly — headlines + section accents only.

8. Logo (raster placeholder)

PNG placeholder from media pack. Phase B follow-up: export SVG via Inkscape for clean scaling.

NextLayer Security