IKEA
الگ الگ شکل میں دھوپ میں بھیگا ہوا سویڈش فرنیچر شو روم
IKEA کا انٹرفیس ایک ہائی کنٹراسٹ ایڈیٹوریل اسپریڈ کی طرح لگتا ہے: گرم سفید پس منظر پر قریب کالی قسم، فلیٹ پیلے پینلز کے ساتھ تکمیل شدہ جو ایمبیڈڈ کال ٹو ایکشن زون کے طور پر کام کرتے ہیں۔ نظام جان بوجھ کر مرصع ہے — ایک حسب ضرورت سانز سیرف فونٹ (نوٹو IKEA) صرف دو وزنوں میں (400 اور 700)، ہر ایک جزو کے لیے ایک کونے کا رداس، اور کوئی سائے یا میلان نہیں۔ یہ کمپیکٹ پن ساختی ہے، کم سے کم رجحان نہیں: منفی حرفی وقفہ (سرخی میں -0.029em، باڈی کاپی میں -0.027em) یہاں تک کہ 13px لیبلز کو بھی تعمیراتی احساس دیتا ہے۔ کارڈز بڑے ہوتے ہیں اور میڈیا کے مواد پر مرکوز ہوتے ہیں، جن کو بڑے دو کالم بلاکس میں ترتیب دیا جاتا ہے جس میں متن کے اوورلے گریڈینٹ سے بلیک تک بہتر پڑھنے کی اہلیت کے لیے ہوتے ہیں۔ پیلے رنگ کا فونٹ #ffdb00 انٹرفیس کے لیے تمام کام کرتا ہے — یہ سجاوٹ نہیں کرتا، یہ صرف فعال ہوتا ہے۔
تقریباً 1440px تک محدود مرکزی مواد کے کنٹینر کے ساتھ مکمل چوڑائی والا ڈیزائن۔ نیویگیشن ایک سادہ، غیر چپچپا ٹاپ بار ہے۔ یہ صفحہ تقریباً 80px فرقوں کے ساتھ عمودی طور پر رکھے ہوئے افقی کارڈز سے بنایا گیا ہے۔ "ہیرو" لے آؤٹ ایک تقسیم شدہ ترتیب ہے — 2/3 میڈیا کارڈ (تصویر) + 1/3 ٹھوس پیلا کارڈ جس میں کال ٹو ایکشن ہے۔ صفحہ کا مرکزی حصہ کارڈز کے دو کالم گرڈز، تصاویر اور متن کے متبادل بلاکس کا استعمال کرتا ہے۔ مواد کی کثافت وسیع ہے، کبھی کمپیکٹ نہیں ہوتی۔ کارڈز بڑے ہوتے ہیں (تقریباً 600x400 پکسلز کم از کم) فراخ پیڈنگ کے ساتھ۔ "ٹائم لائن/ہسٹری" سیکشن بڑی تعداد کے ساتھ گرڈ کو توڑ دیتا ہے۔ کوئی سائڈبار، کوئی میگا مینو، کوئی پیچیدہ نیویگیشن فن تعمیر نہیں ہے۔
بصری زبان بنیادی طور پر مصنوعات اور طرز زندگی کی فوٹو گرافی ہے۔ ایڈیٹنگ: روشن، قدرتی طور پر روشن، گرم اسکینڈینیوین اندرونی حصے جس میں زندہ رہنے کا احساس ہوتا ہے — کسی اسٹوڈیو کی سفیدی نہیں۔ لوگ مصنوعات کے ساتھ تعامل کے مناظر میں نظر آتے ہیں (ہولڈنگ، اسمبلنگ، استعمال)۔ تصاویر ہمیشہ کارڈ کی پوری چوڑائی پر قبضہ کرتی ہیں، کبھی بھی نامیاتی شکلوں میں نہیں کٹتی ہیں۔ گریڈینٹ بلیک اوورلیز ٹیکسٹ کے ساتھ کسی بھی کارڈ کے نیچے ظاہر ہوتے ہیں۔ فلیٹ تصویریں کبھی کبھار نمایاں ہوتی ہیں (مثال کے طور پر، فیروزی، سبز اور نارنجی میں ثقافتی نقش نگاری کے ساتھ جرمنی کا نقشہ)۔ تصویروں کو ادارتی انداز میں انجام دیا گیا ہے: کوئی چمکدار اسٹاک فوٹو اثر نہیں، ضرورت سے زیادہ اسٹائلائزڈ رنگ کی اصلاح نہیں۔
پیلیٹ
برانڈ
- IKEA Yellow
#ffdb00— کال ٹو ایکشن کو بھرنے کے کلیدی عناصر، نمایاں تصاویر والے کارڈز کے پس منظر، مین ونڈو میں لہجے والے پینلز - سسٹم کا ایک قسم کا رنگین عنصر۔
غیر جانبدار
- Ink Black
#111111— مین ٹیکسٹ، باڈی ٹیکسٹ، ہیڈنگز، مین بارڈرز (851 واقعات)، آئیکن آؤٹ لائن۔ - Pure White
#ffffff— صفحہ کا پس منظر، کارڈ کی سطح، نیویگیشن کا پس منظر، سیاہ پس منظر پر بٹن کا متن۔ - Warm White
#fffefb— بٹنوں اور کارڈز کے لیے قدرے کریمی سایہ — خالص سفید سے بمشکل گرم — ڈیجیٹل سردی کو توڑ دیتا ہے۔ - Steel Gray
#818181— ثانوی متن، خاموش بارڈرز، غیر فعال آئیکن اسٹیٹس - True Black
#000000— SVG آئیکن فلز، ان پٹ فیلڈ بارڈرز، اور گہرے سیاہ لہجے جہاں زیادہ سے زیادہ کنٹراسٹ کی ضرورت ہے۔ - Link Blue
#0159a3— ٹیکسٹ لنک کا رنگ، جو نیویگیشن اور بنیادی لنکس میں وسیع پیمانے پر استعمال ہوتا ہے، سسٹم میں واحد نیلا رنگ ہے۔
نوع ٹائپ
13 سے 51px تک · 5 مراحل
- Noto IKEA — متبادل: Inter · خاکہ 400, 700 · استعمال ہونے والا واحد فونٹ IKEA کا دستخط نوٹو ہے۔ دو وزنی نظام (400 ریگولر، 700 بولڈ) جان بوجھ کر روکا گیا ہے: کوئی ترچھا، درمیانہ، یا ہلکا وزن نہیں۔ 700 پوائنٹ پر سرخیاں، 36–51px پر، پورے برانڈ کے انداز کو بیان کرتی ہیں۔ 16px پر باڈی کاپی غیر جانبدار رہتی ہے۔ جیسے جیسے سائز بڑھتا ہے خطوط کا فاصلہ کم ہو جاتا ہے، جس سے سرخیوں کو ایک گاڑھا اور تعمیراتی احساس ملتا ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | اوسط |
| بنیادی قدم | 24px |
| بٹن کا رداس | 8px |
| کارڈ کا رداس | 8px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 80px |
| صفحہ کی چوڑائی | 1440px |
AI آپ کی ویب سائٹ کو IKEA کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- MindMarket — کریم پیپر پر ایک آرام دہ پریوں کی کتاب - ایک دوستانہ ادارتی کینوس جہاں بڑی انٹر ہیڈ لائنز اور کٹ آؤٹ کاغذی کردار دھوپ میں بھیگی ہوئی، اسٹیکر نرم سطح پر ایک ساتھ رہتے ہیں۔
- Lamborghini — شوروم میں سیاہ جسم کا رنگ، اسپاٹ لائٹس کے نیچے - ایک پیلی کار
- amp — ٹھنڈے سفید پس منظر کے خلاف گرم نارنجی۔ یہ ڈیزائن ایک پریمیم فٹنس پروڈکٹ کی یاد دلاتا ہے جس کی تصویر دھوپ میں بھیگی ہوئی چوٹی میں لی گئی ہے: ایک آئٹم، ایک لہجہ، ایک پراعتماد فونٹ جو تمام کام کرتا ہے۔
- LUNCH — گرم پارچمنٹ پر مخمل پوڈیم
- Microsoft — خوردہ کیٹلاگ دستخطی نیلے رنگ کا استعمال کرتا ہے — ایک سفید شوروم کے فرش پر مربع لوگو کا تصور کریں، جہاں ہر ڈیزائن کا عنصر نیلے رنگ میں ہے۔
- Vibrants — سفید سنگ مرمر پر اسکائی بورن فارمیسی - گہری نیلی سیاہی مارٹر ہے اور اندردخش سپیکٹرم دوا ہے
- Isla Beauty — سرجیکل ریڈ کے لہجے کے ساتھ کریمی اپوتھیکری اسٹائل — سوچیں گرم پارچمنٹ کی دیواریں، امبر کی بوتلیں، اور ہر لیبل پر ایک ہی سرخ مہر۔
- Swap — ٹکسال کی ادارتی گیلری: روشن چونے کے لہجوں اور لطیف سیرف کے ساتھ کمروں میں ہلکے سیج شیڈز
- Cursor — ایک آرام دہ پارچمنٹ ورکشاپ، سلگتے ہوئے کوئلوں سے روشن
- Structured — پلاسٹائن نما کاغذ پر نشاۃ ثانیہ گیلری
- Apple (España) — عجائب گھر کی گیلری، دن کی ہلکی روشنی میں، ایک واحد، دلکش، بے وزن سفید جگہ ہے، جس میں ہر نمائش ہلکی رنگت والی دیوار کے خلاف اسپاٹ لائٹ سے روشن ہوتی ہے۔
- Amplemarket — دھوپ میں بھیگنے والی کام کی جگہ کنفیٹی سے بھری ہوئی ہے۔