Files
keysat-root/keysat-design-system/preview/type-display.html
T
Keysat 843ff0e5d7 Initial backup of root workspace files
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).
2026-06-12 17:51:40 -05:00

35 lines
1.5 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Keysat — Display Type</title>
<link rel="stylesheet" href="../colors_and_type.css">
<style>
body { margin: 0; padding: 22px 24px; font-family: var(--font-body); background: var(--bg-page); color: var(--ink-900); }
.meta { font-family: var(--font-mono); font-size: 11px; color: var(--ink-500); margin-top: 4px; }
.stack > div { margin-bottom: 14px; }
.display { font-family: var(--font-display); font-weight: 800; line-height: 1.02; letter-spacing: -0.025em; }
.h1 { font-family: var(--font-display); font-size: 44px; font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; }
.h2 { font-family: var(--font-display); font-size: 32px; font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; }
.eyebrow { font-family: var(--font-body); font-size: 11.5px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-700); }
</style>
</head>
<body>
<div class="stack">
<div>
<div class="eyebrow">Display</div>
<div class="display" style="font-size: 56px;">Sovereign by default.</div>
<div class="meta">Archivo · 800 · 56/58 · -2.5%</div>
</div>
<div>
<div class="h1">Self-hosted licensing for indie creators</div>
<div class="meta">Archivo · 800 · h1 · 44/48</div>
</div>
<div>
<div class="h2">You own the signing key</div>
<div class="meta">Archivo · 700 · h2 · 32/37</div>
</div>
</div>
</body>
</html>