Shemesh · design system
Generated from packages/tokens/tokens.json · v1.0.0
Change a value there, run the build, and everything below moves. No component holds a raw colour, font or radius.
Colour
bg#FAF1E4
surface#FFFFFF
ink#3B2E25
ink-soft#8A7A6C
accent#C4573B
accent-pressed#A33F27
accent-text-on-light#A33F27
positive#6B7F3E
positive-pressed#55672E
highlight#E8A93C
allergen-bg#F6E8D8
allergen-ink#A5691E
safe-bg#E9F0DD
safe-ink#55672E
danger#A61B1B
danger-bg#F9E2DE
on-accent#FFFFFF
kds-bg#241C15
kds-surface#332921
kds-ink#F5EFE7
Radius
card · 24
control · 12
chip · 999
media · 20
sticker · 50%
Spacing
4
8
12
16
20
24
32
40
56
Shadow
card
raised
cta
positive-cta
float
Typography
display-xl · 34px / 1.15 · display 600שולחן 12 · חומוס עם פטריות
display · 26px / 1.2 · display 600שולחן 12 · חומוס עם פטריות
title · 20px / 1.25 · display 600שולחן 12 · חומוס עם פטריות
heading · 16.5px / 1.3 · display 600שולחן 12 · חומוס עם פטריות
price · 17px / 1 · display 700שולחן 12 · חומוס עם פטריות
body · 14.5px / 1.5 · body 400שולחן 12 · חומוס עם פטריות
label · 13px / 1.4 · body 600שולחן 12 · חומוס עם פטריות
caption · 12px / 1.45 · body 400שולחן 12 · חומוס עם פטריות
micro · 10.5px / 1.3 · body 700שולחן 12 · חומוס עם פטריות
Components
Button
Allergen badge
מכיל אגוזיםעלול להכיל גלוטןללא לקטוזלא אומת
Category chip
Price
42 ₪42.50 ₪123.45 ₪0 ₪
Card
dayThe guest surface: cream behind, white card, soft shadow.
night · KDSHigh contrast, no decoration, colour only as information.