ایک آرام دہ پارچمنٹ ورکشاپ، سلگتے ہوئے کوئلوں سے روشن

کرسر ایک گرم، پارچمنٹ جیسی ٹائپوگرافی کا استعمال کرتا ہے: ایک کریمی کینوس، سیاہی سیاہ متن، اور ایک ہی آتشی نارنجی لہجہ جو بٹنوں کو بھرنے کے بجائے لنکس اور انتخاب کو متحرک کرتا ہے۔ کرسر گوتھک میں 400 وزن پر ترتیب دی گئی سرخیوں میں دھیرے دھیرے حروف کے درمیان وقفہ کم ہوتا جا رہا ہے کیونکہ ان کے سائز میں اضافہ ہوتا ہے — اختیار دلیری کے بجائے تحمل اور پتلے حرف وزن کے ذریعے حاصل کیا جاتا ہے۔ سطحیں چپٹی اور کاغذ کی طرح رکھی جاتی ہیں، پتلی سرحدوں اور نرم، گرم سرمئی سائے کے ساتھ؛ کونے پورے متن میں 4px وزن پر کرکرا رہتے ہیں۔ EB Garamond کو ذیلی عنوانات اور نثر کے لیے منتخب طور پر استعمال کیا جاتا ہے، جبکہ berkeleyMono کوڈ، ٹیگز اور میٹا ڈیٹا کو ہینڈل کرتا ہے، جس سے سسٹم کو ٹائپوگرافک شخصیت ملتی ہے جو SaaS ڈیش بورڈ سے زیادہ ادبی میگزین کی طرح محسوس ہوتی ہے۔

زیادہ سے زیادہ چوڑائی: 1300px مرکز، 24px مارجن۔ اوپر نیویگیشن: بائیں طرف لوگو اور ٹیکسٹ مارک کے ساتھ 52px لمبا شفاف ہیڈر، 4 سینٹرڈ نیویگیشن لنکس، "لاگ ان/رابطہ/ڈاؤن لوڈ" کلسٹر دائیں طرف منسلک ہے۔ ہیرو: بائیں طرف سے منسلک ہیڈر + اوپر بائیں طرف سے چلنے والے متن کے ساتھ ڈبل کال ٹو ایکشن بلاک، پھر ایک مکمل چوڑائی والا پروڈکٹ موک اپ کارڈ جو صفحہ کی پوری چوڑائی پر پھیلا ہوا ہے۔ ٹرسٹ سٹرائپ: سیکشن کی چوڑائی میں ایک لائن میں 8 لوگو ٹائلوں کی ایک افقی قطار۔ فیچر سیکشنز بائیں طرف متبادل متن اور دائیں طرف ایک اسکرین شاٹ ایک دو کالم لے آؤٹ میں، ہر ایک 50/50، حصوں کے درمیان 64-96px کی عمودی تال کے ساتھ۔ تمام فیچر اسکرین شاٹس ایک جیسی macOS اسٹائل کے ساتھ ونڈو موک اپس ہیں۔ فوٹر: بائیں طرف برانڈ کے نشان کے ساتھ لنکس کا چار کالم گرڈ۔ حصوں کو ڈیوائیڈرز کے بجائے کافی سانس لینے کی جگہ سے الگ کیا جاتا ہے - کریم کینوس خود ہی علیحدگی فراہم کرتا ہے۔

پروڈکٹ کے اسکرین شاٹس مرکز کا مرحلہ لیتے ہیں: بڑے macOS ونڈو موک اپس کرسر IDE کو عملی شکل میں دکھاتے ہیں: فائل ٹیبز، ڈیف ویوز، ایجنٹ پلانز، ٹرمینل پینلز، اور سلیک/چیٹ انٹیگریشن۔ ہر ونڈو موک اپ کو #f2f1ed کارڈ کے ساتھ نرم، گرم کنٹراسٹ کے ساتھ بنایا گیا ہے۔ ایک خاموش زمین کی تزئین کی تصویر (پہاڑوں/صحرائی افق) مرکزی حصے سے باہر پھیلی ہوئی ہے، UI کے ساتھ مقابلہ کیے بغیر گرم جوشی کا اضافہ کرتی ہے۔ کلائنٹ لوگو ( Stripe ، اوپن اے آئی، لائنر، ڈیٹا ڈوگ، این وی آئی ڈی آئی اے، فگما، ریمپ، ایڈوب) کو گولی کی شکل والی لینن ٹائلوں میں مونوکروم لیٹرنگ کے طور پر پیش کیا گیا ہے۔ لوگوں کی کوئی تصویر، عکاسی، یا تجریدی آرائشی گرافک عناصر نہیں ہیں — تمام بصری وزن پروڈکٹ کے UI اور برانڈنگ پر مرکوز ہے۔ شبیہیں پتلی، یک لکیری گلیفز ہیں جو #7a7974 ایش سے بھری ہوئی ہیں، کبھی رنگین نہیں ہوتیں۔