نظام تصميم كهف
English

المكوّنات

النماذج

Auth card

The card for the Cave account screens: sign in, register, forgot and reset password.

المعاينة

افتح المعاينة في صفحة مستقلة

الإرشادات

الإرشادات التفصيلية في هذه الصفحة مكتوبة بالإنجليزية، وهي النص نفسه الذي تُبنى عليه التطبيقات.

The account is a Cave account shared by Cave Shops and Cave POS, so these screens say Cave (Arabic كهف), never a product name. Provide the symbol, the account name, one subtitle ("Sign in to your Cave account", "Create your Cave account"), the context line naming the products, and the form.

  • The name is set in display (Hero, English) or ar-display (Almarai Light, Arabic): a brand moment. The Arabic is about 1.15x the English size so the two look equally light.
  • The context line ("One account for Cave Shops and Cave POS") is the only place the products are named together. The card itself uses the product name nowhere else; a product's own screens keep their product name.
  • The card is surface-raised with a 1px border and radius-lg. The form uses TextField and a Button (primary, lg, full width). Email addresses, phone numbers and codes stay left-to-right (cv-ltr).
  • Page titles, share previews and the copyright line say Cave too ("Sign in | Cave", "Cave © 2026"). No emoji in the tip line.
  • Works in Light, Dark and Black; in Right-to-left the layout mirrors and the Arabic name replaces the English one.