تم

مرور توکن‌ها. از تاگل حالت/جهت در نوار بالا برای بررسی هر توکن سطح، شعاع، سایه و حرکت در هر چهار حالت ترکیبی استفاده کنید.

رنگ

bg

bg-raised

bg-muted

bg-inverted

bg-accent

fg

fg-muted

fg-subtle

border

accent

accent-hover

سطوح

data-surface=raised

متن هدینگ

متن بدنه روی این سطح.

data-surface=muted

متن هدینگ

متن بدنه روی این سطح.

data-surface=inverted

متن هدینگ

متن بدنه روی این سطح.

data-surface=accent

متن هدینگ

متن بدنه روی این سطح.

تایپوگرافی

Heading one

Heading two

Heading three

Heading four

Heading five

Heading six

متن بدنه پایه‌ی همه‌چیز دیگر در صفحه را تعیین می‌کند. فونت Geist هم وزن نمایشی و هم وزن بدنه را پوشش می‌دهد، پس تأکید داخل یک پاراگراف از طریق وزن یا ایتالیک در همان خانواده‌ی فونت ایجاد می‌شود، نه با تعویض فونت.

RTL preview (Vazirmatn, independent of the toggle above)

تایپوگرافی راست‌به‌چپ

این متن نمونه برای بررسی چیدمان راست‌به‌چپ و فونت وزیرمتن است که زیر ویژگی dir="rtl" جایگزین گیست می‌شود.

شعاع — دابل‌بزل

shell → core

control

سایه

shadow-soft-sm

shadow-soft-md

shadow-soft-lg

حرکت

روی دکمه هاور کنید: فقط transform/opacity، با ease-out روی duration-fast. حالت reduced motion این را به یک تغییر رنگ آنی محدود می‌کند (نگاه کنید به globals.css).

فاصله‌گذاری سکشن

py-section-sm (4rem)