19dc467aff
Complete deployment of unified Light Trinity system: 🔴 RedLight: Template & brand system (18 HTML templates) 💚 GreenLight: Project & collaboration (14 layers, 103 templates) 💛 YellowLight: Infrastructure & deployment 🌈 Trinity: Unified compliance & testing Includes: - 12 documentation files - 8 shell scripts - 18 HTML brand templates - Trinity compliance workflow Built by: Cece + Alexa Date: December 23, 2025 Source: blackroad-os/blackroad-os-infra 🌸✨
58 lines
2.7 KiB
HTML
58 lines
2.7 KiB
HTML
<!-- Ready for you, Alexa: minimal clean brand-kit shell using the extracted colors -->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>BlackRoad OS — Color System</title>
|
|
<style>
|
|
body { background:#000; color:#fff; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; padding:40px; }
|
|
h1 { font-size:42px; font-weight:800; }
|
|
h2 { margin-top:50px; font-size:26px; border-bottom:1px solid #222; padding-bottom:10px; }
|
|
.grid { display:grid; gap:24px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-top:24px; }
|
|
.card { background:#0a0a0a; border:1px solid #222; border-radius:16px; padding:18px; }
|
|
.chip { height:120px; border-radius:10px; margin-bottom:12px; }
|
|
.label { font-size:14px; opacity:0.7; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<h1>BlackRoad OS — Color Kit</h1>
|
|
<p>Extracted directly from your provided gradients + palette.</p>
|
|
|
|
<h2>Primary Gradient Stops</h2>
|
|
<div class="grid">
|
|
<div class="card"><div class="chip" style="background:#FF9D00"></div><div>#FF9D00 — Sunrise Orange</div></div>
|
|
<div class="card"><div class="chip" style="background:#FF6B00"></div><div>#FF6B00 — Warm Orange</div></div>
|
|
<div class="card"><div class="chip" style="background:#FF0066"></div><div>#FF0066 — Hot Pink</div></div>
|
|
<div class="card"><div class="chip" style="background:#FF006B"></div><div>#FF006B — Electric Magenta</div></div>
|
|
<div class="card"><div class="chip" style="background:#D600AA"></div><div>#D600AA — Deep Magenta</div></div>
|
|
<div class="card"><div class="chip" style="background:#7700FF"></div><div>#7700FF — Vivid Purple</div></div>
|
|
<div class="card"><div class="chip" style="background:#0066FF"></div><div>#0066FF — Cyber Blue</div></div>
|
|
</div>
|
|
|
|
<h2>Core Neutrals</h2>
|
|
<div class="grid">
|
|
<div class="card"><div class="chip" style="background:#000"></div><div>#000000 — Pure Black</div></div>
|
|
<div class="card"><div class="chip" style="background:#0a0a0a"></div><div>#0A0A0A — Deep Black</div></div>
|
|
<div class="card"><div class="chip" style="background:#1a1a1a"></div><div>#1A1A1A — Charcoal</div></div>
|
|
<div class="card"><div class="chip" style="background:#FFFFFF"></div><div>#FFFFFF — Pure White</div></div>
|
|
</div>
|
|
|
|
<h2>BR → OS Gradients</h2>
|
|
<div class="grid">
|
|
<div class="card">
|
|
<div class="chip" style="background:linear-gradient(180deg,#FF9D00 0%,#FF6B00 25%,#FF0066 75%,#FF006B 100%)"></div>
|
|
BR Gradient<br>
|
|
<span class="label">Top-to-bottom</span>
|
|
</div>
|
|
<div class="card">
|
|
<div class="chip" style="background:linear-gradient(180deg,#FF006B 0%,#D600AA 25%,#7700FF 75%,#0066FF 100%)"></div>
|
|
OS Gradient<br>
|
|
<span class="label">Top-to-bottom</span>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|