B-01 Bravis Security

● Phase 3 — Foundation in place

Foundation in place.
Content · next.

The Astro + React + Tailwind v4 stack is wired. Brand tokens are locked. Inter and JetBrains Mono are self-hosted. The next phase ports 60+ URLs from the existing site into MDX with their SEO carried over verbatim.

Stack Astro 5 · React 19
CSS Tailwind 4.3
Deploy Cloudflare Pages
Built 2026-05-26

Color tokens

/01 — palette
Brand #0d6efd

Primary action color, links, brand accents

Brand · dark #0a58ca

Hover and pressed states

Brand · tint #e7f1ff

Subtle backgrounds, ghost-button hover

Ink #0f172a

Body text and headlines

Graphite #1e293b

Secondary surfaces

Muted #64748b

Captions, hints, metadata

Line #e2e8f0

Dividers and quiet borders

Paper #ffffff

Default background

Typography

/02 — Inter Variable
Secure by design. Thin / 100
Secure by design. Light / 300
Secure by design. Regular / 400
Secure by design. Medium / 500
Secure by design. Semibold / 600
Secure by design. Bold / 700
Secure by design. Extrabold / 800
Secure by design. Black / 900

Scale

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body text. The quick brown fox jumps over the lazy dog. Inter is optimized for screens with a tall x-height and open counters.

JetBrains Mono · technical accents and code

Buttons

/03 — 4 variants · 3 sizes
primary
secondary
outline
ghost