نظام التصميم

الألوان

backgroundoklch(0.964 0.002 260)oklch(0.312 0.016 260)

foregroundoklch(0.242 0.014 260)oklch(0.964 0.002 260)

cardoklch(0.995 0.001 260)oklch(0.352 0.015 260)

popoveroklch(1 0 0)oklch(0.352 0.015 260)

primaryoklch(0.612 0.209 30.2)oklch(0.645 0.199 30.2)

secondaryoklch(0.922 0.004 260)oklch(0.392 0.014 260)

mutedoklch(0.928 0.003 260)oklch(0.375 0.013 260)

accentoklch(0.945 0.02 30)oklch(0.402 0.035 28)

destructiveoklch(0.505 0.196 19)oklch(0.62 0.205 19)

borderoklch(0.894 0.005 260)oklch(0.402 0.013 260)

inputoklch(0.894 0.005 260)oklch(0.415 0.013 260)

ringoklch(0.612 0.209 30.2)oklch(0.645 0.199 30.2)

الخطوط

headingBricolage Grotesque Variable · 200–800

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

نصّ تجريبي لعرض شكل الخط

bodyGeist Variable · 100–900

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

نصّ تجريبي لعرض شكل الخط

monoGeist Mono Variable · 100–900

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

نصّ تجريبي لعرض شكل الخط

6xl

نصّ تجريبي لعرض شكل الخط

5xl

نصّ تجريبي لعرض شكل الخط

4xl

نصّ تجريبي لعرض شكل الخط

3xl

نصّ تجريبي لعرض شكل الخط

2xl

نصّ تجريبي لعرض شكل الخط

xl

نصّ تجريبي لعرض شكل الخط

lg

نصّ تجريبي لعرض شكل الخط

base

نصّ تجريبي لعرض شكل الخط

sm

نصّ تجريبي لعرض شكل الخط

xs

نصّ تجريبي لعرض شكل الخط

المسافات

1

2

3

4

6

8

12

16

24

الزوايا

sm

md

lg

xl

2xl

3xl

4xl

الظلال

sm

md

lg

xl

الأيقونات

ArrowRight02

Star

Tick02

Moon

UserAdd01

UserMultiple02

Wifi01

SecurityCheck

Cloud

CreditCard

Linkedin01

NewTwitter

Github01

الحركة

rise

تظهر البطاقات والنصوص تدريجيًا وترتفع 12 بكسل خلال نصف ثانية.

scale

تظهر الوسائط تدريجيًا من حجم 96% مع تمويه.

الأزرار

النماذج

حقل إدخال

مربع نص

أوافق

SCSCSC

الإشعارات

العلامة

mubyn