Seline Analytics
گرم کاغذ پر ایک پرسکون تجزیاتی میز
سیلائن کو گرم پتھر کے پس منظر (#fafaf9) کے خلاف ایک متحرک نیلے لہجے کے ساتھ سیٹ کیا گیا ہے — باقی تمام رنگ غیر جانبدار ہیں اور ٹیل ونڈ پتھر کے رنگ پیلیٹ سے تیار کیے گئے ہیں۔ شہ سرخیوں کو حسب ضرورت ڈیزائن کردہ جیومیٹرک sans-serif فونٹ (roobert) میں 400 کے وزن اور تنگ منفی حروف کے وقفے کے ساتھ پیش کیا جاتا ہے، متن کو آرام سے، تقریباً سرگوشی جیسا اعتماد فراہم کیا جاتا ہے جو عام طور پر بلند آواز کے SaaS انداز سے متصادم ہوتا ہے۔ UI سطحیں فلیٹ سفید کارڈز ہیں، جو گرم پس منظر کے اوپر ایک، نرم، 16px بلر کے ساتھ تیرتی ہیں۔ بارڈرز کو پتلی، 1px پتھر والی لکیروں کے ساتھ بنایا جاتا ہے، جو بھاری ڈیوائیڈرز یا پینلز کے بدلے بنیادی ساختی عنصر کے طور پر فراخدلی سے استعمال ہوتے ہیں۔ لے آؤٹ سانس لیتا ہے: مکمل چوڑائی والا مواد جو ایک عمدہ عمودی تال پر مرکوز ہے، جس میں گولی کے سائز کے انٹرایکٹو کنٹرولز، شخصیت کے لیے ایک شوبنکر کی مثال، اور پروڈکٹ کے ثبوت کے طور پر ڈیش بورڈ اسکرین شاٹس۔ مجموعی تاثر ادارتی طور پر تجزیاتی ہے: پرسکون، مونوکروم، پراعتماد، ہر چیز کے بارے میں جان بوجھ کر پابندی کی بدولت صفحہ پر نیلی کال ٹو ایکشن سب سے نمایاں عنصر ہے۔
صفحہ کی زیادہ سے زیادہ چوڑائی ہے، جس کا مرکز تقریباً 1200px ہے جس میں کافی عمودی جگہ ہے۔ ہیرو نیلے رنگ میں ایک واحد، نمایاں کردہ جملے ("سادہ اور موثر") کے ساتھ متن کا ایک دو سطری، بائیں طرف سے منسلک بلاک ہے، اس کے بعد ایک قطار دو کال ٹو ایکشن (بلیو پِل + گوسٹ پِل) کے ساتھ، پھر گرے اسکیل میں پارٹنر لوگو کی ایک قطار، پھر ٹرسٹ ریٹنگز کی ایک قطار، اور پھر ایک مکمل چوڑائی والے سیکشن کو اوور کر رہا ہے، جس کے بعد ایک مکمل چوڑائی کا منظر پیش کیا گیا ہے۔ فولڈ کے نیچے سنگل کالم گرڈ میں تعریفوں کی باری باری قطاریں ہیں، اس کے بعد خصوصیت کی تفصیل، بائیں طرف سے منسلک متن، اور مرکزی مصنوعات کے بصری کے ساتھ مکمل چوڑائی والے حصے ہیں۔ نیویگیشن ایک کم سے کم ٹاپ بار ہے — بائیں طرف لوگو، مرکز نیویگیشن لنکس، لاگ ان + بلیو کال ٹو ایکشن دائیں طرف — نیویگیشن کے وسط میں اوتاروں کا ایک تیرتا ہوا جھرمٹ شناخت کی تصدیق کے طور پر کام کرتا ہے۔ سیکشنز کے درمیان خالی جگہیں وسیع (96px) ہیں تاکہ معلومات کے گھنے گڑبڑ کی بجائے ادارتی تال پیدا کیا جا سکے۔
بصری زبان پر پروڈکٹ کے یوزر انٹرفیس کے اسکرین شاٹس کا غلبہ ہے — ڈیش بورڈ پیش نظارہ ایک تصویر ہے جسے گرے اسکیل (1) (0.94) کنٹراسٹ فلٹر کے ساتھ پیش کیا گیا ہے، جو ڈیٹا کے رنگوں کو ایک مونوکروم ہیو میں خاموش کر دیتا ہے۔ واحد انسانی شخصیت ایک لکیری میسکوٹ اسٹیکر (ایک ہڈڈ کریکٹر) ہے، جسے صرف خاکہ کے ساتھ SVG انداز میں تیار کیا گیا ہے، ہر حصے میں ایک بار تجزیاتی مواد کے لیے ایک چنچل کاؤنٹر پوائنٹ کے طور پر رکھا گیا ہے، جس میں گہرائی کا اسٹیکر جیسا اثر پیدا کرنے کے لیے نرم سایہ ہے۔ برانڈ کا لوگو اور گلیفس چھوٹی سیاہ چنگاریاں/شعلے ہیں۔ کوئی تصویریں نہیں ہیں — طرز زندگی کے شاٹس نہیں ہیں، کوئی ٹیم کی تصاویر نہیں ہیں، کوئی ماحولیاتی تصاویر نہیں ہیں۔ آبجیکٹ (ڈیش بورڈ) مرکزی کردار ہے۔ تمام آرائشی شبیہیں #0c0a09 یا #3ba6f1 میں 1px آؤٹ لائن اسٹائل ہیں، کبھی نہیں بھرے جاتے۔
پیلیٹ
برانڈ
- Cyan Signal
#3ba6f1— مرکزی کال ٹو ایکشن، فعال لنکس، اور برانڈ آئیکنز کا خاکہ صفحہ پر صرف رنگین لہجے ہیں، جو کارروائی کی طرف توجہ مبذول کرنے کے لیے تھوڑا سا استعمال کیا جاتا ہے۔ - Cyan Edge
#3398e1— نیلے رنگ کا استعمال ایکشن آؤٹ لائنز، لنک لیبلز اور انٹرایکٹو عناصر کو نمایاں کرنے کے لیے کیا جاتا ہے۔ اسے کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔
غیر جانبدار
- Ink Black
#0c0a09— مرکزی عنوانات، نمایاں کردہ باڈی ٹیکسٹ، اور تاثراتی شبیہیں گرم، تقریباً سیاہ رنگ میں ہیں۔ - Stone Canvas
#fafaf9— صفحہ کا پس منظر ایک گرم، کریمی سایہ ہے جو اسکرین کے سفید ہونے کے بجائے کاغذ کی طرح محسوس ہوتا ہے۔ - Pure White
#ffffff— نقشہ کی سطحیں، پھیلا ہوا پینل، اور ان پٹ فیلڈ فلز بطور ڈیفالٹ فلیٹ اور شیڈو لیس ہیں۔ - Stone Border
#e8e6e5— کارڈز، نیویگیشن، اور ان پٹ فیلڈز پر پتلی سرحدیں بنیادی ساختی عنصر ہیں، الگ کرنے والے نہیں۔ - Stone Muted
#d6d3d1— اضافی فریم، لطیف پس منظر کے شیڈز، آرائشی تقسیم کرنے والے۔ - Ash Gray
#a8a29e— مدد کا متن، آئیکن کی خاکہ، غیر فعال حالتیں - پڑھنے کے قابل لیکن غیر فعال۔
نوع ٹائپ
10 سے 52px تک · 5 مراحل
- Roobert — متبادل: Inter Tight or Satoshi · خاکہ 400, 500 · ہیڈنگز اور ٹیکسٹ لے آؤٹ کے لیے فونٹ ایک منفرد جیومیٹرک sans-serif ہے جس میں کم سے کم منفی حروف کی جگہ ہے (-0.025em 32px پر، -0.021em 52px پر)۔ 400 x 52px وزن فونٹ کا دستخط ہے: غیر روایتی، لطیف، پھر بھی مستند، پھر بھی کم بیان۔ شہ سرخیاں دبنگ ہوئے بغیر اپنی جگہ رکھتی ہیں۔
- Inter — متبادل: Inter · خاکہ 400, 500, 600 · باڈی ٹیکسٹ، نیویگیشن، UI، اور ہیڈنگز کے لیے بنیادی فونٹ تمام آف اسکرین ٹیکسٹ کے لیے ایک غیر جانبدار، عالمگیر فونٹ ہے۔ 400 کے وزن کے ساتھ 14px اور 1.64 کی لائن سپیسنگ باڈی ٹیکسٹ (فریکوئنسی 1174) کے لیے اہم سائز ہے۔ چھوٹے سائز میں مثبت خط وقفہ (0.004em) گھنے UI کی پڑھنے کی اہلیت کو یقینی بناتا ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | کشادہ |
| بنیادی قدم | 8px |
| بٹن کا رداس | 9999px |
| کارڈ کا رداس | 10px |
| سائے | نرم سائے |
| حصوں کے درمیان | 96px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Seline Analytics کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- ElevenLabs — لطیف سرخیوں کے ساتھ گرم کریم ٹونز میں ایک تصویری مضمون۔ بوہاؤس طرز کی نوٹ بک — انڈے کے شیل کے رنگ کا کاغذ، سیاہ سیاہی، اور مصنوعات کی نمائش کے لیے ایک جامنی اور نارنجی لہجہ۔
- Awesomic — ادارتی زنک میش نارنجی رموز اوقاف کے ساتھ کنفیٹی کی یاد دلاتی ہے
- Monad — گرم پارچمنٹ پر ادارتی تکنیکی جریدہ
- Dub — لنک کا میٹ رائس پیپر کنٹرول پینل
- Notion — دوپہر کی دھوپ میں ایک گرم کاغذ کی نوٹ بک
- Anthropic — گرم ویلم پر ایک سائنسی فیلڈ جرنل — پرسکون ہاتھی دانت کی سطحیں، سیریفڈ ادارتی عنوانات، اور ایک واحد مٹی کا لہجہ جو صرف اس وقت ظاہر ہوتا ہے جب کارروائی کی ضرورت ہو۔
- Calendly — ٹھنڈے ماربل پر گہری نیلی سیاہی
- Augen Pro — ایپل کی سفید پریزنٹیشن میں کلینکل، بے وزن، برقی نیلے رنگ کو ایک مونوکروم اسپیس میں واحد لہجے کے طور پر دکھایا گیا ہے۔
- Antimetal — کریم پیپر پر ایک ادارتی کرانیکل — ایک سائنسی جریدے میں ایک پرسکون صبح، جہاں تحمل اعتماد کا اظہار کرتا ہے اور سیریف بھاری وزن اٹھاتے ہیں۔
- Perk — گرم پارچمنٹ پیپر پر برقی چونا
- Ditto — سورج کی روشنی والی ورکشاپ جو جنگلی پھولوں کے نمونے تیار کرتی ہے۔ گرم کریم کی سطحیں، ایک متحرک پیلے رنگ کا بنیادی رنگ، گہری بحریہ نیلی سیاہی، ٹکڑے کے پیچھے کھلتے ہوئے نامیاتی رنگ کی شکلیں۔
- Officevibe — گرم کریم رنگ کے کاغذ پر ایک ادارتی رسالہ۔ HR مینجمنٹ پر ایک سوچے سمجھے مضمون کا تصور کریں، جسے ایک پروڈکٹ کے طور پر پیش کیا گیا ہے — ایک جدید نیلے انٹرفیس کے ذریعے سرگوشی کرنے والا کرسیو فونٹ۔