Superhuman
گولڈن آور ایڈیٹوریل پینل
سپر ہیومن ایڈیٹوریل فوٹو گرافی اور سافٹ ویئر UI کے چوراہے کو گھیرے ہوئے ہے — ایک گرم، چرمی رنگ جیسا کینوس (کبھی بھی خالص سفید نہیں) میرون برانڈنگ عناصر اور جامنی رنگ کے متحرک لہجے والے فریم۔ ہیڈلائنز، 460 فونٹ میں سیٹ کی گئی ہیں، چیخنے کی بجائے سرگوشیاں کرتی ہیں، پورے صفحے کی سنیماٹک فوٹوگرافی کو بھاری لفٹنگ کرنے کی اجازت دیتی ہے، جبکہ پارباسی پروڈکٹ UI کارڈ تصویر کے اوپر شیشے کی طرح تیرتے ہیں۔ پیلیٹ زیادہ تر وقت پرسکون اور ادارتی رہتا ہے: کریم کی سطحیں، چارکول ٹیکسٹ، لطیف گرم سرمئی سرحدیں، اور عناصر کے درمیان فراخ دلی، جس میں جان بوجھ کر برانڈ کے اوقاف کے لیے رنگ محفوظ کیا گیا ہے—ایک سنگل مرون کال ٹو ایکشن، جامنی رنگ کے لنکس، ہلکے لیلک ایڈ آن بٹن۔ سسٹم جان بوجھ کر UI سطحوں پر مضبوط سائے اور میلان سے بچتا ہے۔ گہرائی اسٹیکنگ اثر کے بجائے پرتوں والی فوٹو گرافی اور عنوان میں پس منظر کے ٹھیک ٹھیک بلر کے ذریعے حاصل کی جاتی ہے۔
مرکزی عنصر ایک مکمل چوڑائی والی تصویر ہے جس میں مرکزی سرخی (48-64px/460) ہے اور ایک واحد کال ٹو ایکشن شراب کی تصویر سے بھرا ہوا ہے، جس میں تیرتے ہوئے پارباسی پروڈکٹ کے UI کارڈز بائیں اور دائیں کناروں پر لپٹے ہوئے ہیں۔ مرکزی عنصر کے نیچے ایک سفید پٹی والے لوگو کی پٹی ہے (6 سیل فی قطار، زیادہ سے زیادہ چوڑائی محدود)، پھر پارچمنٹ کینوس پر سفید کارڈ کی سطحوں کے ساتھ ایک ٹیب سیکشن۔ ایک سیاہ فیروزی پٹی صفحہ کے تقریباً دو تہائی راستے میں تال کو توڑ دیتی ہے—پوری چوڑائی، دو کالم (بائیں طرف تصویر، دائیں طرف متن)—صرف ٹونل کنٹراسٹ بناتا ہے جب آپ سکرول کرتے ہیں۔ ایک تدریجی ماحول کی پٹی مندرجہ ذیل ہے۔ حصوں کے درمیان عمودی وقفہ 64-96px ہے۔ مواد کی زیادہ سے زیادہ چوڑائی ~1200px مرکز ہے، جس میں مرکزی عنصر اور سیاہ پٹی ویو پورٹ کی پوری چوڑائی پر پھیلی ہوئی ہے۔ نیویگیشن دھندلے پس منظر کے ساتھ ایک واحد فکسڈ ہیڈر ہے۔ کوئی سائڈبار، کوئی میگا مینو نہیں۔ فوٹر ایک مکمل چوڑائی والا برگنڈی صفحہ ہے جس میں لنکس کی کثیر کالم ترتیب ہے۔ مجموعی تال یہ ہے: مرکزی فریم → پرسکون سفید/کریم مواد → مرکزی تصویر کے ساتھ سیاہ پٹی → وایمنڈلیی میلان → برگنڈی فوٹر، ایک ادارتی ٹیمپو بنانے کے لیے باری باری روشنی اور سیاہ پٹیاں۔
بنیادی بصری عنصر سنیمیٹک فوٹوگرافی ہے: کھلے آسمان کے خلاف ایک مکمل چوڑائی والا پورٹریٹ فوکل پوائنٹ کے طور پر کام کرتا ہے، جس میں صفحہ کے نیچے دوسری ماحولیاتی پٹی رکھی گئی ہے۔ تصویر کو گرمجوشی سے ٹون کیا گیا ہے، ٹھیک طرح سے خاموش کیا گیا ہے، اور پروفائل میں گولی مار دی گئی ہے، جو ایک سنہری گھنٹے کی یاد دلاتی ہے، جو کارپوریٹ احساس سے زیادہ ادارتی تخلیق کرتی ہے۔ پارباسی ہندسی مستطیلوں اور ہاتھ سے لکھے ہوئے نوشتہ جات کے ساتھ ایک سیاہ پٹی سوچ میں کھوئے ہوئے آدمی کی تصویر پر چھپی ہوئی ہے — ایک تصویر کے بجائے سطحوں کا ایک کولیج۔ یوزر انٹرفیس کو فلوٹنگ گلاس کارڈز کے طور پر پیش کیا جاتا ہے جو تصویر پر براہ راست سپرد کیا جاتا ہے، بجائے اس کے کہ علیحدہ اسکرین شاٹس کے طور پر۔ یہاں کوئی سٹاک عکاسی نہیں ہے، کوئی 3D رینڈرز نہیں ہیں، اور کوئی خلاصہ آرائشی شکلیں نہیں ہیں، سوائے میلان ماحول کی پٹی کے۔ آئیکنز کم سے کم مونوکروم لائن آئیکنز ہیں، ~16-20px چوڑائی، جس میں ایک چوڑائی 460 پوائنٹ ٹیکسٹ وزن کے مطابق ہے۔
پیلیٹ
برانڈ
- Midnight Wine
#421d24— مرکزی ایکشن بٹن، بینر اشتہار، اور فوٹر ایک گرم، تقریباً سیاہ برگنڈی ہیں جو سرخ سے زیادہ سیاہی کی طرح محسوس ہوتے ہیں، رنگ پیلیٹ کو زیادہ طاقت کے بغیر اینکر کرتے ہیں۔ - Royal Violet
#714cb6— جامنی رنگ کا استعمال لنکس، ٹیگز اور مختصر جملے کو نمایاں کرنے کے لیے کیا جاتا ہے۔ اسے کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔
غیر جانبدار
- Lilac Mist
#d4c7ff— ثانوی سطح پر بھرنے، ہلکے آئیکنز، اور بھوت بٹن کے پس منظر میں سبھی ایک خاموش جامنی رنگ کی خصوصیت رکھتے ہیں جو خود پر غیر ضروری توجہ مبذول کیے بغیر برانڈ کے انداز کی طرف اشارہ کرتا ہے۔ - Deep Lagoon
#0c4243— پٹی کا گہرا پس منظر، جو کہ مرکزی بیانیہ کے عنصر کے طور پر استعمال ہوتا ہے، نظام میں واحد تاریک سطح ہے، جس کو ایک اوورلیڈ جیومیٹرک پیٹرن کے ساتھ ملایا گیا ہے۔ - Warm Parchment
#f2f0eb— صفحہ کی کام کرنے والی سطح غالب عنصر ہے؛ ایک گرم کریم کا رنگ سفید کو بنیاد کے طور پر بدل دیتا ہے، جس سے پورے نظام کو ادارتی گرم جوشی ملتی ہے۔ - Soft Mist
#e3e3e2— عمدہ سرحدیں، کارڈ کی خاکہ، تقسیم کرنے والی لکیریں—ایک گرم، ہلکا بھوری رنگ جو پارچمنٹ کے ساتھ مل جاتا ہے لیکن کناروں کو واضح طور پر بیان کرتا ہے۔ - Ink Charcoal
#292827— باڈی ٹیکسٹ، ہیڈنگز، آئیکن آؤٹ لائنز - ایک گرم، تقریباً کالا رنگ جس میں کافی بھورا ہو کہ کاغذ پر سیاہی کی طرح محسوس ہو، کبھی ٹھنڈا #000 - Stone Gray
#666666— ثانوی باڈی ٹیکسٹ، سپورٹنگ ٹیکسٹس، دھیان سے بیانات - ایک سنگل میڈیم گرے، تھوڑا سا استعمال کیا جاتا ہے تاکہ کبھی بھی مرکزی متن کا مقابلہ نہ ہو۔
نوع ٹائپ
12 سے 64px تک · 8 مراحل
- Super Sans VF — متبادل: Inter (closest open equivalent for variable weight range) · خاکہ 460, 500, 540, 600, 700 · پورے سسٹم میں ایک فونٹ۔ محور متغیر کی حد 460 (ایک دستخط، تمام بڑے سرخی والے متن کے لیے تھوڑا سا کٹا ہوا فونٹ) سے لے کر 540 (جسم کے متن پر زور دیا گیا) اور 700 (چھوٹے، بولڈ کیپشنز) تک پھیلا ہوا ہے۔ ایک خاص طور پر ڈیزائن کیا گیا VF 460-وزن کی سرخیوں کو بے ترتیبی سے زیادہ جان بوجھ کر ظاہر کرتا ہے — 48-64px پر سخت حروف کے وقفے کے ساتھ، "تھوڑا سا کٹا ہوا" اثر پتلی کی بجائے اعتماد کے طور پر سمجھا جاتا ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 8px |
| بٹن کا رداس | 16px |
| کارڈ کا رداس | 16px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 64-96px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Superhuman کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- AI for Business — گرم سرمئی لہجے میں سفاکانہ ادارتی شو روم
- Jeton — گرم ماربل پر فنٹیک کے بارے میں ایک اداریہ
- Airtable — مختلف رنگوں میں نشان زد ابواب کے ساتھ ایک آرام دہ سیمینار
- Osmo — گرے کنکریٹ پر ڈویلپرز میوزیم
- Linktr — ادارتی پوسٹرز کینڈی کی طرح ڈھیر ہیں۔ ویب سائٹ کو رنگین بلاکس میں ڈیزائن کیا گیا ہے، جس میں چمکدار سبز سرخی کوبالٹ نیلی دیواروں کے ساتھ سیٹ کی گئی ہے، اور سفید گولی کے سائز کے نیویگیشن عناصر برگنڈی کے کھیتوں کے اوپر تیر رہے ہیں۔
- Outsource Consultants — ہڈی کے کاغذ پر ایک بڑے فارمیٹ کی آرکیٹیکچرل شیٹ۔ ایک مونوگرافک جمالیاتی، جہاں انڈگو کا ایک ہی روشن پیچ دوسری صورت میں گرم، ٹائپوگرافک طور پر زیادہ سے زیادہ گرڈ کو روکتا ہے۔
- Streamtime — سپرش تخلیقی موڈ بورڈ - ڈیزائنر سکریپ بکنگ ٹیبل
- Switch-Lit — ادارتی گرڈ کریم کاغذ پر سیاہی میں چھپی ہوئی ہے۔
- HubSpot — ایک نارنجی لہجے کے ساتھ ایک گرم کریم کاغذ کا رنگ۔ HubSpot ایک ڈیزائنر میگزین سے مشابہت رکھتا ہے جو ہیوی ویٹ پیپر پر چھپتا ہے — سیرف ہیڈلائنز، گرم کریم کے صفحات، اور صرف انتہائی اہم نکات کو نمایاں کرنے والا ایک ہی آتشی نارنجی لہجہ۔
- Granola — گرم ویلم پر فیلڈ نوٹ — گرینولا سورج کی روشنی میں کھلی ہوئی ایک اچھی طرح سے پہنے ہوئے مولسکائن نوٹ بک کی طرح پڑھتا ہے: سیرف ہیڈنگز مضبوطی کا احساس دلاتے ہیں، نامیاتی سبز لہجے جیسے پودوں پر مبنی سیاہی، اور کارڈز کے حاشیے میں باریک لکیریں جو ہاتھ سے لکھے ہوئے نوٹ سے ملتے ہیں۔
- Secure — دن کی ہلکی روشنی میں یورپی کیفے میں ہونے والی گفتگو ویڈیو کالنگ پر ایک پُرجوش، سجیلا انداز ہے، جہاں سیرف کی سرخیاں کسی ٹیک پروڈکٹ پیج کے بجائے ایک سوچے سمجھے میگزین کے مضمون کی طرح پڑھتی ہیں۔
- Mockups made easy — سفید کاغذ پر ادارتی ڈیزائن اسٹوڈیو