
Linear
آدھی رات کا درست آلہ
لکیری ڈیزائن سسٹم ایک رات کا کمانڈ سینٹر ہے جو قریب کی سیاہ سطحوں پر بنایا گیا ہے (#08090a) کرکرا سفید قسم اور سنگل لائم گرین لہجہ (#e4f222) جو ایک فنکشنل ٹارچ کے طور پر کام کرتا ہے—چھوٹی، زیادہ کنٹراسٹ، اور اعمال کی نشاندہی کرنے کے لیے تھوڑا استعمال کیا جاتا ہے۔ انٹرفیس تاریکی کو تھیم کے بجائے بنیاد کے طور پر دیکھتا ہے: متن ایک کرکرا سفید ہے جس میں سخت خط فاصلہ (-0.022em) ہے، فونٹ کا وزن بولڈ کے بجائے کم 400–510 رینج میں ہے، اور بارڈرز انتہائی پتلی (0.5px) ہیں تاکہ جیومیٹری کو عام طور پر سایہ کے ذریعہ کام کرنے دیں۔ اجزاء بالکل درست طریقے سے تیار کیے گئے محسوس ہوتے ہیں—6px اور 12px radii، کمپیکٹ 8–12px مارجن، اور آرائشی عناصر کی تقریباً مکمل کمی—جو کہ پروڈکٹ UI (ٹاسک کارڈز، کنبن بورڈز، AI ایجنٹ پینلز) کو کسی دوسری صورت میں پرسکون نظام میں واحد بصری ساخت ہونے کی اجازت دیتا ہے۔
لے آؤٹ کی زیادہ سے زیادہ چوڑائی تقریباً 1200px ہے، مرکز میں، ایک گہرا پس منظر ویو پورٹ کے کناروں تک پھیلا ہوا ہے۔ مرکزی عنصر ایک بڑی سرخی ہے، بائیں طرف سے منسلک (64–72px)، جس کا جوڑا دائیں طرف سے منسلک کال ٹو ایکشن (CTA) کے ساتھ ہوتا ہے، اس کے بعد پروڈکٹ کا ایک بڑا اسکرین شاٹ ہوتا ہے جو زیادہ سے زیادہ چوڑائی سے تھوڑا آگے بڑھتا ہے۔ حصوں کی تال بائیں طرف متن کے ساتھ دو کالم کمپوزیشن اور دائیں طرف ایک تصویر، اور 96px عمودی گٹروں سے الگ ہونے والی پوری چوڑائی والی مصنوعات کی ڈسپلے سٹرپس کے درمیان متبادل ہوتی ہے۔ کلائنٹ کے لوگو والی پٹی ایک واحد افقی قطار ہے۔ صفحہ کبھی بھی تین کالم کارڈ گرڈز یا ٹائلڈ ڈھانچے کا استعمال نہیں کرتا ہے — معلومات کی کثافت کم رہتی ہے، زیادہ تر حصے کافی سفید جگہ اور اسکرین پر ایک واحد فوکل عنصر استعمال کرتے ہیں۔ نیویگیشن ایک فکسڈ ٹاپ بار ہے جس میں بائیں طرف سے منسلک لوگو اور دائیں طرف سے منسلک لنکس ہیں، بغیر سائڈبار یا میگا مینو کے۔
لکیری کی بصری زبان پروڈکٹ کے اسکرین شاٹس پر مبنی ہے: شروع میں اور سیکشنز میں دی گئی عکاسی Linear ایپ کے صارف انٹرفیس کی حقیقی تصاویر ہیں، جو زیادہ سے زیادہ تفصیل سے کیپچر کی گئی ہیں — ٹاسک کارڈز، کنبن بورڈز، AI ایجنٹ ڈیش بورڈز، کمانڈ پیلیٹس — باریک فریموں میں رکھے گئے ہیں۔ کوئی اسٹاک فوٹو، کوئی طرز زندگی کی تصاویر، کوئی تجریدی عکاسی نہیں۔ لوگو صارفین کے لیے یکساں سائز کی غیر جانبدار سرمئی پٹی (#8a8f98) کے طور پر دکھائے جاتے ہیں۔ شبیہیں یک رنگی گرے اسکیل میں مرصع لکیری SVG تصاویر ہیں۔ صفحہ کے اوپری حصے میں اسکرین شاٹ ایک لطیف لکیری میلان (تاریک سے روشنی تک) پر تیرتا ہے، حقیقی مناظر کا استعمال کیے بغیر ماحول کی گہرائی پیدا کرتا ہے۔ ہر بصری عنصر خود پروڈکٹ کا ایک فعال عنصر ہے۔
پیلیٹ
برانڈ
- Acid Lime
#e4f222— مین کنٹرول بٹن اور فعال نیویگیشن انڈیکیٹرز ایک روشن لہجہ ہے جو مونوکروم کلر سکیم کو توڑتا ہے۔
غیر جانبدار
- Mist
#d0d6e0— ثانوی عنوانات، سیاہ سطحوں پر بٹن کا متن - Void
#08090a— صفحہ کینوس، پوری چوڑائی والی پس منظر کی تصویر - بطور ڈیفالٹ، تمام عناصر اس پس منظر پر رکھے جاتے ہیں۔ - Carbon
#0f1011— کارڈ کی سطحیں، نیویگیشن بارز، کارڈ کے اندر مواد رکھنے کے لیے کینوس کے اوپر ایک قدم ہیں۔ - Obsidian
#161718— ابھری ہوئی سطحیں، گتے کے گہرے پینل - Graphite
#23252a— لطیف سرحدیں، الگ کرنے والے، ٹھیک ٹھیک بٹن کی خاکہ - کم کنٹراسٹ بناوٹ والے کنارے - Smoke
#383b3f— پتلی سرحدوں میں گریفائٹ - سیکشن سیپریٹرز سے زیادہ تضاد ہوتا ہے۔
نوع ٹائپ
13 سے 72px تک · 8 مراحل
- Inter Variable — متبادل: Inter (variable) · خاکہ 300, 400, 510, 590 · پرائمری UI اور ہیڈر فونٹ - نیویگیشن، باڈی ٹیکسٹ، ہیڈنگز، بٹنز اور کارڈز میں استعمال ہوتا ہے۔
- Berkeley Mono — متبادل: JetBrains Mono · خاکہ 400 · کوڈ سے ملحق UI ٹیکسٹ - ریلیز شناخت کنندگان (ENG-2703)، کی بورڈ شارٹ کٹس، مونو اسپیس فونٹ میٹا ڈیٹا
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | کشادہ |
| بنیادی قدم | 8px |
| بٹن کا رداس | 6px |
| کارڈ کا رداس | 12px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 96px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Linear کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Aaru — آدھی رات کو پارٹیکل فیلڈ آبزرویٹری
- Atlas Card — مڈ نائٹ والٹ، اپنی سنگل نیلم کی کرن کے ساتھ، ایک گہرا سیاہ فاصلہ ہے جہاں صرف ایک چیز جو اہمیت رکھتی ہے وہ گہرا برقی نیلا ہے۔
- Checkly — گہرے مدار مشن کنٹرول سینٹر
- Savee — بصری کیوریٹرز کے لیے سیاہ کینوس
- Inngest — ایک تاریک، پُرسکون رصدگاہ، آلات کے ساتھ کام کرنے کے لیے لیس، ایک ہی امبر پائلٹ لائٹ سے روشن
- Dala — سیاہ مخملی پر منڈلاتا ایک برج
- Origin Financial — آدھی رات کی خاموشی کی ایک گیلری۔ ایک پُرسکون، تقریباً تاریک کمرہ جہاں بڑے سیرف فونٹس اور چند روشن رنگین پینلز یہ احساس پیدا کرتے ہیں کہ فنانس آرٹ کا ایک احتیاط سے تیار کردہ کام ہے۔
- Hyperstudio — ڈیزائن obsidian میں نوچا ہے. متن اور باریک لکیریں خالص سیاہ کی سفید جگہ کو فریم کرتی ہیں، جس میں کبھی کبھار سنہری کمپاس کے نشان راستے کی نشاندہی کرتے ہیں۔
- Air — مجسمہ "شیشے کے ذریعے آدھی رات کا آسمان"
- Resend — جامنی نیین رنگ کے ساتھ سیاہ مخمل
- Raycast — آدھی رات کا کمانڈ سینٹر، کورل نیین
- Dimension — فراسٹڈ شیشے کے پینلز کے ساتھ شام کی روشنی والا ورک سٹیشن