25 lines
1.1 KiB
HTML
25 lines
1.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Card — Hero</title>
|
|
<link rel="stylesheet" href="../colors_and_type.css" />
|
|
<style>
|
|
html, body { margin: 0; background: #fcf9f3; }
|
|
.stage { padding: 22px; box-sizing: border-box; }
|
|
.card { background: #fffcf7; border-radius: 12px; padding: 28px 32px; box-shadow: 0 12px 32px -12px rgba(56,56,49,0.06); }
|
|
.lab { font-family: var(--font-sans); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #9a8679; margin-bottom: 14px; }
|
|
.t { font-family: var(--font-serif); font-size: 30px; line-height: 1.15; letter-spacing: -0.01em; color: var(--on-surface); margin: 0 0 10px; }
|
|
.b { font-family: var(--font-sans); font-size: 15px; line-height: 1.6; color: var(--on-surface-variant); margin: 0; max-width: 46ch; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="stage">
|
|
<div class="card">
|
|
<div class="lab">§ Field note · 04.18.26</div>
|
|
<h3 class="t">A patient reader, by design.</h3>
|
|
<p class="b">Fenja reads slowly, annotates quietly, and files the thought where you can find it again six months from now.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|