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

30
preview/comp-entity-badges.html Normal file
View file

@ -0,0 +1,30 @@
<!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; }
.row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.badge { display:inline-flex; align-items:center; gap:6px; height:22px; padding:0 8px 0 6px; font-family:"IBM Plex Sans",sans-serif; font-size:12px; font-weight:600; border-radius:2px; }
.badge::before { content:""; width:4px; height:13px; border-radius:1px; }
.b1 { background:#DCE5E5; color:#3D6E70; } .b1::before { background:#3D6E70; }
.b2 { background:#EFDDCB; color:#B4541A; } .b2::before { background:#B4541A; }
.b3 { background:#DEDAEE; color:#5A4FA3; } .b3::before { background:#5A4FA3; }
.strip { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; background:#F5F1E8; border:1px solid #D5CFC2; border-left:4px solid #3D6E70; font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; }
</style>
</head>
<body>
<div class="row">
<span class="badge b1">Personal</span>
<span class="badge b2">9TFox</span>
<span class="badge b3">Finacode</span>
</div>
<div class="row" style="margin-top:14px">
<span class="strip">SCOPE · PERSONAL</span>
<span class="strip" style="border-left-color:#B4541A">SCOPE · 9TFOX</span>
<span class="strip" style="border-left-color:#5A4FA3">SCOPE · FINACODE</span>
</div>
<div class="legend" style="margin-top:12px">badge form · scope-strip form (top of page)</div>
</body></html>