ake/akefin-design-system
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Alkim Ake Gozen 2026-05-23 11:59:45 +09:00
commit 8b790b7601
86 changed files with 6348 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
preview/spacing-radii.html Normal file
View file

@ -0,0 +1,20 @@
<!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:32px; display:flex; gap:32px; align-items:flex-end; }
.stack { display:flex; flex-direction:column; gap:6px; align-items:center; }
.box { width:64px; height:64px; background:#1A1814; }
.lbl { font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:#5A5347; }
.val { font-family:"JetBrains Mono",monospace; font-size:11px; color:#1A1814; }
</style>
</head>
<body>
<div class="stack"><div class="box" style="border-radius:2px"></div><div class="lbl">r-sm</div><div class="val">2px</div></div>
<div class="stack"><div class="box" style="border-radius:3px"></div><div class="lbl">r-md</div><div class="val">3px</div></div>
<div class="stack"><div class="box" style="border-radius:4px"></div><div class="lbl">r-lg</div><div class="val">4px</div></div>
<div class="stack"><div class="box" style="border-radius:999px;width:96px;height:24px"></div><div class="lbl">r-pill</div><div class="val">chips only</div></div>
</body></html>