grant/keysat-root
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial backup of root workspace files

Browse Source 
Glue files not covered by subproject repos: top-level docs, logo,
keysat-design-system, and crosscheck tests. Subproject folders are
gitignored (each has its own Gitea remote).
This commit is contained in:
Keysat
2026-06-12 17:51:40 -05:00
commit 843ff0e5d7
55 changed files with 6887 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
keysat-design-system/preview/colors-semantic.html
+37
View File
@@ -0,0 +1,37 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Keysat — Semantic Colors</title>
<link rel="stylesheet" href="../colors_and_type.css">
<style>
body { margin: 0; padding: 20px; font-family: var(--font-body); background: var(--bg-page); }
.grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.item { border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--border-1); background: white; }
.swatch { padding: 14px; min-height: 56px; display: flex; align-items: center; gap: 10px; }
.dot { width: 14px; height: 14px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); }
.name { font-size: 12px; font-weight: 700; color: var(--ink-900); }
.meta { padding: 8px 14px 12px; font-family: var(--font-mono); font-size: 11px; color: var(--ink-500); }
</style>
</head>
<body>
<div class="grid">
<div class="item">
<div class="swatch" style="background:#E3F0EA"><span class="dot" style="background:#2D7A5F"></span><span class="name">Success</span></div>
<div class="meta">#2D7A5F</div>
</div>
<div class="item">
<div class="swatch" style="background:#F7EFD7"><span class="dot" style="background:#B8861F"></span><span class="name">Warning</span></div>
<div class="meta">#B8861F</div>
</div>
<div class="item">
<div class="swatch" style="background:#F4E0E0"><span class="dot" style="background:#B23A3A"></span><span class="name">Danger</span></div>
<div class="meta">#B23A3A</div>
</div>
<div class="item">
<div class="swatch" style="background:#E4EAF1"><span class="dot" style="background:#2A4A75"></span><span class="name">Info</span></div>
<div class="meta">#2A4A75</div>
</div>
</div>
</body>
</html>