first commit
This commit is contained in:
commit
8b790b7601
86 changed files with 6348 additions and 0 deletions
27
preview/type-sans-latin.html
Normal file
27
preview/type-sans-latin.html
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="../colors_and_type.css">
|
||||
<link rel="stylesheet" href="_card.css">
|
||||
<style>
|
||||
body { padding:28px; }
|
||||
.stack { display:flex; flex-direction:column; gap:10px; }
|
||||
.row-spec { display:flex; align-items:baseline; justify-content:space-between; gap:24px; }
|
||||
.spec { font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fg-muted); }
|
||||
.h1 { font-family:"IBM Plex Sans",sans-serif; font-size:22px; font-weight:500; }
|
||||
.h2 { font-family:"IBM Plex Sans",sans-serif; font-size:18px; font-weight:500; }
|
||||
.h3 { font-family:"IBM Plex Sans",sans-serif; font-size:15px; font-weight:600; }
|
||||
.body { font-family:"IBM Plex Sans",sans-serif; font-size:14px; font-weight:400; }
|
||||
.cap { font-family:"IBM Plex Sans",sans-serif; font-size:12px; color:#5A5347; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="stack">
|
||||
<div class="row-spec"><span class="h1">Review queue</span><span class="spec">H1 · 22 / 500</span></div>
|
||||
<div class="row-spec"><span class="h2">23 staged transactions</span><span class="spec">H2 · 18 / 500</span></div>
|
||||
<div class="row-spec"><span class="h3">Auto-accepted</span><span class="spec">H3 · 15 / 600</span></div>
|
||||
<div class="row-spec"><span class="body">A categorization rule was promoted.</span><span class="spec">Body · 14 / 400</span></div>
|
||||
<div class="row-spec"><span class="cap">Last import 4 minutes ago</span><span class="spec">Caption · 12 / 400</span></div>
|
||||
</div>
|
||||
</body></html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue