Inputs group
Mo FahmiA token-based design system for my future interfaces.
One shared set of tokens drives every color, type style, and component here.
Foundation
Color
Primaries
p-100
--color-primary-100p-200
--color-primary-200p-300
--color-primary-300p-400
--color-primary-400p-500
--color-primary-500Quiet
p-contrast
--color-primary-contrastSurface
--color-surfaceCanvas
--color-canvasSubtle surface
--color-surface-subtleBorder
--color-borderLoud
Neutral 300
--color-neutral-300Strong border
--color-border-strongMuted text
--color-text-mutedText
--color-textp-700
--color-primary-700Components
Form controls
Radio group
Checkbox
Buttons
Modal
A reusable container for any focused task or supporting content.
Accordion — Basic
Opens one item at a time. The open item can also be closed.
Start a new post, add its content and media, then save it as a draft or publish it when it is ready.
Accordion — Multiple
Keeps as many items open as the user needs.
Start a new post, add its content and media, then save it as a draft or publish it when it is ready.
Publishing access depends on the role assigned to each team member in the CMS.
Star rating
Draggable cards
Same drag-and-drop library and behavior as the posts grid, on plain squares.
1
2
3
4
5
6
Components
Table
| Name (EN) | Name (AR) | Description (EN) | Description (AR) | Category | Brand (EN) | Brand (AR) | Price | Availability |
|---|---|---|---|---|---|---|---|---|
| Aura Desk Lamp | مصباح مكتب أورا | A compact desk lamp with a warm adjustable glow, touch controls, and a clean modern profile. It fits comfortably beside a laptop or notebook and helps create a focused workspace for reading, studying, or late-night creative work. | مصباح مكتب صغير بإضاءة دافئة قابلة للتعديل، مع تحكم باللمس وتصميم عصري بسيط. يناسب وضعه بجانب الحاسوب أو الدفتر، ويساعد على خلق مساحة عمل مريحة للقراءة أو الدراسة أو العمل الإبداعي ليلاً. | Home & Office | Northline | نورث لاين | $34.99 | In stock |
| Terra Ceramic Mug | كوب تيرا الخزفي | A sturdy ceramic mug with a smooth matte finish and a comfortable rounded handle. Its generous size works well for coffee, tea, or hot chocolate, while the understated design makes it an easy match for any kitchen or desk. | كوب خزفي متين بلمسة نهائية مطفية ومقبض دائري مريح. حجمه مناسب للقهوة أو الشاي أو الشوكولاتة الساخنة، بينما يجعله تصميمه الهادئ خياراً مناسباً لأي مطبخ أو مكتب. | Kitchen | Clay & Co. | كلاي وشركاه | $16.50 | In stock |
| Breeze Cotton Throw | بطانية بريز القطنية | A lightweight cotton throw designed for relaxed evenings on the sofa or an extra layer on the bed. The breathable weave feels soft without becoming heavy, and the simple pattern adds a calm, welcoming touch to living spaces. | بطانية قطنية خفيفة مناسبة للأمسيات الهادئة على الأريكة أو كطبقة إضافية على السرير. نسيجها المسامي ناعم وخفيف، بينما يضيف نقشها البسيط لمسة دافئة وهادئة إلى المكان. | Home | Willow House | ويلو هاوس | $42.00 | In stock |
| Pulse Wireless Earbuds | سماعات نبض اللاسلكية | Compact wireless earbuds with balanced sound, a pocket-sized charging case, and simple touch controls. They are designed for commutes, workouts, and everyday listening, offering a comfortable fit and dependable battery life throughout the day. | سماعات لاسلكية صغيرة بصوت متوازن وعلبة شحن بحجم الجيب وتحكم سهل باللمس. صُممت للتنقل والتمارين والاستماع اليومي، مع ثبات مريح وعمر بطارية يعتمد عليه طوال اليوم. | Electronics | Vela Audio | فيلا أوديو | $59.99 | In stock |
| Metro Canvas Backpack | حقيبة مترو القماشية | A practical canvas backpack with a padded laptop sleeve, organized interior pockets, and adjustable shoulder straps. Its durable construction suits daily commutes, short trips, and campus life while keeping essentials protected and easy to reach. | حقيبة ظهر عملية من القماش مع جيب مبطن للحاسوب، وجيوب داخلية منظمة، وأحزمة كتف قابلة للتعديل. تناسب التنقل اليومي والرحلات القصيرة والحياة الجامعية، وتحافظ على الأغراض مرتبة وسهلة الوصول. | Bags | Cedar Trail | سيدر تريل | $68.00 | In stock |
| Flow Stainless Bottle | زجاجة فلو الفولاذية | A reusable stainless-steel bottle that keeps drinks cold or warm for hours. The leak-resistant lid and slim shape make it easy to carry to work, the gym, or weekend outings without taking up much space. | زجاجة قابلة لإعادة الاستخدام من الفولاذ المقاوم للصدأ، تحافظ على المشروبات باردة أو دافئة لساعات. غطاؤها المحكم وشكلها النحيف يجعلان حملها سهلاً إلى العمل أو النادي أو الرحلات. | Lifestyle | Everwell | إيفرويل | $27.95 | In stock |
| Lumen Wall Clock | ساعة لومِن الحائطية | A quiet wall clock with a clear face, slim hands, and a refined neutral frame. It brings an organized finishing touch to kitchens, offices, and entryways while remaining easy to read from across the room. | ساعة حائط هادئة بواجهة واضحة وعقارب نحيفة وإطار بلون محايد أنيق. تضيف لمسة مرتبة إلى المطابخ والمكاتب والمداخل، مع سهولة قراءة الوقت من مسافة بعيدة. | Decor | Plainview | بلاين فيو | $31.00 | Limited stock |
| Nook Reading Stand | حامل القراءة نوك | A foldable reading stand made for books, tablets, and recipe cards. Its adjustable angle helps reduce neck strain and keeps pages open, making it useful at a desk, kitchen counter, or bedside table. | حامل قراءة قابل للطي مناسب للكتب والأجهزة اللوحية وبطاقات الوصفات. تساعد زواياه القابلة للتعديل على تقليل إجهاد الرقبة وإبقاء الصفحات مفتوحة، سواء على المكتب أو سطح المطبخ أو بجانب السرير. | Accessories | Nook & Form | نوك آند فورم | $22.75 | In stock |
| Moss Plant Pot | أصيص نبات موس | A textured planter with a built-in drainage tray and a soft natural finish. It is sized for small indoor plants and herbs, bringing a little greenery to shelves, windowsills, and workspaces without overwhelming the room. | أصيص نبات بملمس مميز وطبق تصريف مدمج ولمسة طبيعية ناعمة. يناسب النباتات المنزلية الصغيرة والأعشاب، ويضيف لمسة خضراء إلى الرفوف وحواف النوافذ ومساحات العمل. | Garden | Greenstead | غرينستيد | $18.25 | In stock |
| Slate Travel Journal | دفتر سفر سلايت | A compact hardcover journal with smooth writing paper, a ribbon bookmark, and a secure elastic closure. It is made for travel notes, daily reflections, sketches, and quick ideas that deserve a place beyond your phone. | دفتر مدمج بغلاف صلب وورق ناعم للكتابة، مع شريط فاصل وإغلاق مطاطي آمن. صُمم لتدوين ملاحظات السفر والتأملات اليومية والرسومات والأفكار السريعة بعيداً عن الهاتف. | Stationery | Paperwell | بيبر ويل | $14.90 | In stock |
| Cove Linen Shirt | قميص كوف الكتاني | A relaxed linen shirt with a breathable feel, easy button front, and versatile shape. It works equally well for warm workdays, casual dinners, and weekend plans, pairing naturally with denim, trousers, or shorts. | قميص كتاني بقصة مريحة وإحساس مسامي وواجهة أزرار سهلة. يناسب أيام العمل الدافئة والعشاء غير الرسمي وعطلات نهاية الأسبوع، ويتناسق بسهولة مع الجينز أو البنطال أو السروال القصير. | Clothing | Harbor Thread | هاربور ثريد | $54.00 | Limited stock |
| Kindle Soy Candle | شمعة كيندل الصويا | A hand-poured soy candle with a gentle blend of cedar, citrus, and soft herbs. Its balanced scent is noticeable without being overpowering, making it a simple way to add warmth to a quiet evening or welcoming room. | شمعة صويا مصبوبة يدوياً بمزيج لطيف من خشب الأرز والحمضيات والأعشاب الناعمة. رائحتها متوازنة وغير قوية، وتضيف دفئاً بسيطاً إلى أمسية هادئة أو غرفة ترحيبية. | Wellness | Kindred Glow | كيندرد غلو | $21.50 | In stock |
| Arc Mechanical Keyboard | لوحة مفاتيح آرك الميكانيكية | A compact mechanical keyboard with tactile keys, quiet stabilizers, and a clean layout that saves desk space. It is a comfortable choice for writing, coding, and focused computer work throughout long sessions. | لوحة مفاتيح ميكانيكية مدمجة بمفاتيح لمسية ومثبتات هادئة وتخطيط مرتب يوفر مساحة المكتب. تعد خياراً مريحاً للكتابة والبرمجة والعمل المركز أمام الحاسوب لفترات طويلة. | Electronics | Keycraft | كي كرافت | $89.00 | Out of stock |
| Drift Ceramic Vase | مزهرية دريفت الخزفية | A small ceramic vase with an organic silhouette and softly glazed surface. It looks polished with a single stem, a small bouquet, or on its own, adding an understated decorative detail to tables and open shelves. | مزهرية خزفية صغيرة بتصميم عضوي وسطح مطلي بنعومة. تبدو أنيقة مع غصن واحد أو باقة صغيرة أو بمفردها، وتضيف تفصيلاً ديكورياً هادئاً إلى الطاولات والرفوف المفتوحة. | Decor | Still Form | ستيل فورم | $26.80 | In stock |
| Peak Everyday Sneakers | حذاء بيك اليومي | Lightweight everyday sneakers with a cushioned footbed, flexible sole, and understated profile. They are built for walking around town, casual plans, and busy days when comfort matters as much as a clean, versatile look. | حذاء يومي خفيف بفرشة مبطنة ونعل مرن وتصميم بسيط. صُمم للمشي داخل المدينة والمشاوير غير الرسمية والأيام المزدحمة التي تكون فيها الراحة مهمة بقدر المظهر العملي المتناسق. | Footwear | Daymark | داي مارك | $76.00 | In stock |
Foundation
Typography
Heading one
Heading two
Heading three
Heading four
Heading five
Body text — used for supporting content and readable interface copy.
Caption text — concise supporting detail.