Linear
ابزار دقیق نیمهشب
سیستم طراحی خطی (Linear) یک مرکز فرماندهی شبانه است که بر روی سطوح تقریباً سیاه (#08090a) با حروف سفید واضح و یک لهجه سبز لیمویی (#e4f222) ساخته شده است که به عنوان یک چراغ قوه کاربردی عمل میکند - کوچک، با کنتراست بالا و به طور محدود برای نشان دادن اقدامات استفاده میشود. رابط کاربری، تاریکی را به عنوان یک پایه و نه یک موضوع در نظر میگیرد: متن به رنگ سفید واضح با فاصله حروف کم (-0.022em) است، وزن فونتها در محدوده پایین ۴۰۰-۵۱۰ است نه پررنگ، و حاشیهها بسیار نازک (۰.۵ پیکسل) هستند تا به هندسه اجازه دهند کاری را که معمولاً توسط سایهها انجام میشود، انجام دهد. اجزا به طور دقیق ساخته شدهاند - شعاعهای ۶ پیکسل و ۱۲ پیکسل، حاشیههای جمع و جور ۸-۱۲ پیکسل و فقدان تقریباً کامل عناصر تزئینی - که به رابط کاربری محصول (کارتهای وظیفه، تابلوهای کانبان، پنلهای عامل هوش مصنوعی) اجازه میدهد تنها بافت بصری در یک سیستم آرام باشد.
طرحبندی دارای حداکثر عرض تقریباً ۱۲۰۰ پیکسل، در مرکز صفحه، با پسزمینهای تیره است که تا لبههای صفحه نمایش امتداد مییابد. عنصر اصلی یک تیتر بزرگ، چپچین (۶۴-۷۲ پیکسل)، همراه با یک فراخوان عمل (CTA) راستچین است و پس از آن یک اسکرینشات بزرگ از محصول قرار دارد که کمی فراتر از حداکثر عرض امتداد مییابد. ریتم بخشها بین ترکیبهای دو ستونی با متن در سمت چپ و یک تصویر در سمت راست، و نوارهای نمایش محصول تمامعرض که با ناودانهای عمودی ۹۶ پیکسلی از هم جدا شدهاند، متناوب است. نوار حاوی لوگوی مشتری یک ردیف افقی واحد است. صفحه هرگز از شبکههای کارتی سه ستونی یا ساختارهای کاشیکاری شده استفاده نمیکند - تراکم اطلاعات همچنان پایین است و اکثر بخشها از فضای سفید کافی و یک عنصر کانونی واحد روی صفحه استفاده میکنند. ناوبری یک نوار بالایی ثابت با یک لوگوی چپچین و پیوندهای راستچین، بدون نوار کناری یا مگامنو است.
زبان بصری Linear بر اساس اسکرینشاتهای محصول است: تصاویر ابتدا و بخشها، تصاویر واقعی از رابط کاربری برنامه Linear هستند که با حداکثر جزئیات ثبت شدهاند - کارتهای وظایف، تختههای Kanban، داشبوردهای عامل هوش مصنوعی، پالتهای فرمان - که در قابهای نازک قرار گرفتهاند. هیچ عکس استوک، هیچ تصویر سبک زندگی، هیچ تصویر انتزاعی وجود ندارد. لوگوها به صورت یک نوار خاکستری خنثی (#8a8f98) با اندازه یکنواخت برای مشتریان نمایش داده میشوند. آیکونها تصاویر SVG خطی مینیمالیستی در مقیاس خاکستری تک رنگ هستند. اسکرینشات بالای صفحه روی یک گرادیان خطی ظریف (از تیره به روشن) شناور است و بدون استفاده از مناظر واقعی، عمق جوی ایجاد میکند. هر عنصر بصری، یک عنصر کاربردی از خود محصول است.
پالت
برند
- Acid Lime
#e4f222— دکمههای کنترل اصلی و نشانگرهای ناوبری فعال، طرحی روشن هستند که طرح رنگی تکرنگ را میشکند.
خنثی
- Mist
#d0d6e0— تیترهای فرعی، متن دکمه روی سطوح تیره - Void
#08090a— بوم صفحه، تصویر پس زمینه تمام عرض - به طور پیش فرض، همه عناصر در مقابل این پس زمینه قرار می گیرند. - Carbon
#0f1011— سطوح کارت، نوارهای ناوبری، یک مرحله بالاتر از بوم برای قرار دادن محتوا درون کارتها هستند. - Obsidian
#161718— سطوح برجسته، پنلهای مقوایی عمیقتر - Graphite
#23252a— حاشیههای ظریف، جداکنندهها، طرح کلی ظریف دکمهها - لبههای بافتدار با کنتراست کم - Smoke
#383b3f— حاشیههای نازک کنتراست بالاتری نسبت به جداکنندههای مقطع گرافیتی دارند.
تایپوگرافی
از ۱۳ تا ۷۲ پیکسل · ۸ مرحله
- Inter Variable — جایگزینی: Inter (variable) · طرح کلی 300, 400, 510, 590 · فونت اصلی رابط کاربری و هدر - در ناوبری، متن بدنه، تیترها، دکمهها و کارتها استفاده میشود.
- Berkeley Mono — جایگزینی: JetBrains Mono · طرح کلی 400 · متن رابط کاربری مجاور کد - شناسههای انتشار (ENG-2703)، میانبرهای صفحه کلید، فرادادههای فونت تکفاصله
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | جادار |
| گام اساسی | 8px |
| شعاع دکمه | 6px |
| شعاع کارت | 12px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 96px |
| عرض صفحه | 1200px |
هوش مصنوعی وبسایت شما را به سبک Linear میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Aaru — رصدخانه میدان ذرات در نیمه شب
- Atlas Card — غار نیمهشب، با تک پرتو یاقوت کبودش، پهنهای کاملاً سیاه است که تنها چیزی که در آن اهمیت دارد، آبیِ الکتریکِ عمیق است.
- Checkly — مرکز کنترل ماموریت مدار عمیق
- Savee — بوم سیاه برای متصدیان نمایشگاههای بصری
- Inngest — رصدخانهای تاریک و آرام، مجهز به ابزار دقیق، که با یک چراغ راهنمای کهربایی روشن میشود
- Dala — صورت فلکی معلق بر مخمل سیاه
- Origin Financial — یک گالری نیمهشب از تجمل آرام. اتاقی آرام و تقریباً تاریک که در آن فونتهای بزرگ سریف و چند پنل رنگی روشن، این حس را ایجاد میکنند که امور مالی یک اثر هنری با دقت انتخاب شده است.
- Hyperstudio — طرح روی سنگ ابسیدین تراشیده شده است. متن و خطوط ظریف، فضایی سفید به رنگ سیاه خالص را قاب میگیرند و گهگاه علائم قطبنمای طلایی، راه را نشان میدهند.
- Air — مجسمه "آسمان نیمه شب از میان شیشه"
- Resend — مخمل مشکی با رنگ نئونی بنفش
- Raycast — مرکز فرماندهی نیمهشب، نئون مرجانی
- Dimension — یک ایستگاه کاری با نور غروب و پنلهای شیشهای مات