Caldera

پیلیٹ

برانڈ

• Ember #fc5000 — پرائمری ایکشن بٹن، سٹیٹ کارڈز، اور کلیدی بصری لہجے ہی واحد جارحانہ رنگ لہجہ ہیں۔ گرم سرمئی رنگوں کے خلاف اس کی بھرپوری اضافی آرائشی عناصر کی ضرورت کے بغیر فوری ضرورت کا احساس پیدا کرتی ہے۔
• Plasma Violet #524ae9 — مین ہاف ٹون گریڈینٹ بیس، ایک اضافی کارڈ سرفیس - تقریباً خصوصی طور پر مین ڈاٹ پیٹرن میں اور ایک وقف شدہ کارڈ پر استعمال کیا جاتا ہے۔ کنٹرول کے لیے کبھی استعمال نہیں کیا جاتا۔

غیر جانبدار

• Sulfur #f5f28e — ٹیگ اور زمرہ کے آئیکنز کا پس منظر، چھوٹی جھلکیاں، ایک نرم پیلا رنگ ہے جو بلاگ پوسٹ کے زمرے اور پروگرام کے اعلانات کی نشاندہی کرنے کے لیے استعمال ہوتا ہے۔
• Limestone #f7f6f2 — کارڈ کی سطحیں، مواد کے بلاک کے پس منظر، اور اضافی بٹن فلز سفید کا ایک ہلکا، گرم سایہ ہے جو عناصر کو صفحہ کینوس کے مقابلے میں نمایاں کرتا ہے۔
• Pumice #e2e2df — صفحہ کا مرکزی پس منظر ایک گرم درمیانے بھوری رنگ کا ہے جو ہر حصے کی بنیاد کے طور پر کام کرتا ہے۔ یہ کارڈ اسٹاک کی سطح سے قدرے گہرا ہے، جس سے سائے کے بغیر فگر اور بیک گراؤنڈ کی ٹھیک ٹھیک علیحدگی ہو سکتی ہے۔
• Obsidian #070607 — مین ٹیکسٹ، ہیڈنگز، لنک ٹیکسٹ، اور بٹن کے فریم تقریباً سیاہ ہیں جس میں بمشکل نمایاں گرم رنگ ہے جو کینوس کے گرم رنگوں سے میل کھاتا ہے۔
• Chalk #ffffff — گہرے حصوں میں متن، گہرے پس منظر میں ان پٹ ٹیکسٹ، ہائی کنٹراسٹ اوورلیز - خالص سفید صرف اس صورت میں استعمال کیا جاتا ہے جہاں سیاہ سطحوں کے ساتھ زیادہ سے زیادہ کنٹراسٹ درکار ہو۔

نوع ٹائپ

12 سے 189px تک · 10 مراحل

• PP Neue Corp Compact — متبادل: Bebas Neue · خاکہ 400 (Ultrabold cut) · تمام عنوانات اور ڈسپلے متن۔ ایک اپنی مرضی کے مطابق ڈیزائن کیا گیا، گاڑھا، انتہائی بولڈ فونٹ عنوانات کو صنعتی، نشان نما اونچائی دیتا ہے۔ مین بلاک میں 189px سائز برانڈ کے دستخطی انداز کی عکاسی کرتا ہے: گاڑھا، ٹائپوگرافک کے بجائے تقریباً ساختی۔ "ss06" اور "ss10" سیٹنگز متبادل لیٹرفارمز کو چالو کرتی ہیں اور زیادہ جارحانہ، گاڑھی تال کے لیے وقفہ کاری کرتی ہیں۔ مثبت حرفی وقفہ (+0.02em) ڈسپلے کے سائز کے لیے غیر معمولی ہے اور 80–189px پر تنگ متن کے احساس کو روکتا ہے۔
• DM Sans — متبادل: Inter · خاکہ 500 (Medium only — never Regular or Bold) · مرکزی متن، نیویگیشن لنکس، بٹن لیبلز، اور ثانوی عنوانات 30px تک ہیں۔ درمیانے فونٹ کا وزن جان بوجھ کر منتخب کیا گیا تھا — ریگولر اضافی بولڈ ہیڈنگ فونٹ کے مقابلے میں بہت پتلا نظر آئے گا، اور بولڈ اس کا مقابلہ کرے گا۔ DM Sans صنعتی سرخی والے فونٹ کے لیے ایک انسانی، قدرے جیومیٹرک کاؤنٹر پوائنٹ بناتا ہے۔
• System sans-serif — متبادل: Inter · خاکہ 400 · کیپشنز، میٹا ٹیکسٹ، تاریخیں، مائیکرو ٹیگز۔ صرف 12px میں استعمال کیا جاتا ہے، جہاں وزن اور برانڈ کی شناخت سائز کو بچانے سے کم اہم ہے۔

وقفے اور شکل

ملتے جلتے انداز

• teenage engineering — سٹوڈیو لائٹنگ میں صنعتی کیٹلاگ - صفحہ پر پروڈکٹ واحد اہم چیز ہے، اور باقی سب کچھ اس کے آس پاس زیر بحث ہے۔
• basement — صبح 3 بجے ایک خالی پرنٹنگ پریس - بڑے بڑے، کمپریسڈ فونٹس سیاہ رنگ میں پھیل رہے ہیں، نیویگیشن بار پر نارنجی روشنی کی ایک جھلک، باقی سب کچھ سفید یا بھوت بھوری۔
• amra — سفید پس منظر پر ایک iridescent کرہ — لیوینڈر کا لہجہ تقریباً مکمل طور پر اکرومیٹک صفحہ پر واحد رنگ کی نبض ہے، اور واحد تدریجی دائرہ وہ کام کرتا ہے جو عام طور پر مرکزی مثال کرتا ہے۔
• Stink Studios — آدھی رات کو ایک فلم اسٹوڈیو - پروجیکٹر بجتا ہے، کمرہ اندھیرا ہے، صرف فلم جلتی ہے۔
• Andrei Rybin — ایک مونوکروم اسکیچ بک ایک ڈیزائنر نوٹ بک ہے جس میں فون کی اسکرینیں ایک سفید دیوار سے منسلک ہوتی ہیں جیسے رابطہ کی چادریں۔
• Uniswap Cup — eSports مقابلہ ایک ماک اپ سائٹ پر نشر کیا جاتا ہے، جس میں گلابی مارکر سفید چوکوں اور پتلی لکیروں کے گرڈ کا خاکہ پیش کرتا ہے۔
• Freytag Anderson — ایک ایک لفظ پر سینما کا پردہ اٹھ جاتا ہے۔ ایک بہت بڑی حرکت پذیر تصویر پوری اسکرین کو لے لیتی ہے، برانڈ کا نام ایک ٹائٹل کی طرح کونے میں بیٹھا ہوتا ہے، اور کوئی اور چیز پریشان نہیں ہوتی۔
• Integrated Biosciences — آدھی رات کو بایولومینیسینس لیب
• Vercel — سفید کاغذ پر چھپی ہوئی ٹرمینل
• Mintlify — شیشے کی میز کے اوپر بادل کا باغ۔ ہاتھ سے تیار کردہ آسمان اور دستاویزی فلم کو ایک ساتھ بنایا گیا ہے - واحد جگہ جہاں رنگ اور تصور آپس میں ٹکراتے ہیں اس سے پہلے کہ صفحہ خانقاہی سفید ہو جائے۔
• Gleap — گریفائٹ لہجوں کے ساتھ گرم کریم ٹونز میں سجا ہوا ورک اسپیس — ایک اسٹوڈیو جہاں دھندلا سیاہی مائل نقطے لینن کے فن تعمیر کے اوپر تیرتے دکھائی دیتے ہیں۔
• ClickUp — سفید سنگ مرمر پر ایک طاقتور ڈیش بورڈ۔ صفحہ پیداواری ٹول کے لیے ایک پروڈکٹ بروشر ہے، اس لیے بصری زبان خود پروڈکٹ سے لی گئی ہے: گھنی فہرستیں، اسٹیٹس انڈیکیٹرز، اوتاروں کے گروپس، اور بولڈ ٹائپوگرافک بیانات جو ڈسپلے پر پروڈکٹ کی تفصیلات کی طرح نظر آتے ہیں۔