tegwick
319dd00465
Ran authenticated extract against coulomb.social; session metadata matched anonymous Bubble defaults, so treat docs/design-extract as a public shell baseline (PROVENANCE.md). Capture script now refuses to overwrite storage-state.json with thin anonymous sessions.
41 lines
1.5 KiB
HTML
41 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>coulomb.social starter</title>
|
|
<link rel="stylesheet" href="../tokens/variables.css">
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
font-family: "Times New Roman", -apple-system, BlinkMacSystemFont, sans-serif;
|
|
background: var(--color-background, #fff);
|
|
color: var(--color-text, #111);
|
|
line-height: 1.5;
|
|
}
|
|
main { max-width: 840px; margin: 0 auto; padding: 64px 32px; }
|
|
h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.05; margin: 0 0 18px; }
|
|
p { font-size: 18px; max-width: 56ch; color: var(--color-text-secondary, #555); }
|
|
.cta {
|
|
display: inline-block;
|
|
padding: 14px 28px;
|
|
margin-top: 28px;
|
|
background: var(--color-primary, #0a0a0a);
|
|
color: var(--color-on-primary, #fff);
|
|
border-radius: var(--radius-md, 8px);
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
}
|
|
.cta:hover { opacity: 0.9; }
|
|
.meta { margin-top: 64px; font-size: 12px; color: #888; }
|
|
.meta a { color: inherit; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>Built from coulomb.social</h1>
|
|
<p>This starter is wired to the tokens in <code>tokens/variables.css</code>. Edit the variables and watch this page change. Drop in your own components and use the same tokens to keep the visual language consistent.</p>
|
|
<a class="cta" href="#">Get started</a>
|
|
<p class="meta">Generated by <a href="https://designlang.app">designlang</a>. Re-pack with <code>npx designlang pack coulomb.social</code>.</p>
|
|
</main>
|
|
</body>
|
|
</html>
|