
Shop
سفید سنگ مرمر پر تیرتا ہوا تجارتی برج
آن لائن اسٹور ایک "سفید کینوس" ماڈل پر کام کرتا ہے، جس میں پروڈکٹس تھمب نیلز کے گرڈ کے بجائے بڑے، بھاری خمیدہ تصویری کارڈ کے طور پر دکھائے جاتے ہیں۔ پورا انٹرفیس ناقابل یقین حد تک ہموار ہے: 20-28px radii بھر میں، گولی کے سائز کے کنٹرول، اور سخت منفی ٹریکنگ کے ساتھ ایک کمپیکٹ 16px GT سٹینڈرڈ باڈی جو متن کو کرکرا اور بولڈ بناتی ہے۔ سسٹم کا واحد بولڈ لہجہ ایک متحرک جامنی رنگ (#5433eb) ہے، جو لوگو، سرکلر سرچ رزلٹ فیلڈ میں اور اسی بٹن پر رنگین سائے کے طور پر ظاہر ہوتا ہے۔ باقی پیلیٹ گرم غیر جانبدار ہے: سفید سطحیں، ایک لطیف ٹھنڈا سرمئی کینوس، لطیف سرحدیں، اور قریب کا سیاہ متن۔ کثافت 12px گٹروں کے ساتھ کمپیکٹ رہتی ہے، لیکن ہیرو اور زمرہ کی پٹیاں 64-80px کی عمودی تال کی بدولت سانس لیتی ہیں، جس سے کامرس کا تجربہ کیٹلاگ سے زیادہ براؤزنگ جیسا محسوس ہوتا ہے۔
زیادہ سے زیادہ چوڑائی 1200px ہے، جو ایک پارباسی #f2f4f5 کینوس پر مرکوز ہے، بائیں جانب ایک مستقل 64px چوڑی سائڈبار کے ساتھ صرف نیویگیشن آئیکنز پر مشتمل ہے۔ مرکزی عنصر ایک پوری چوڑائی والی پٹی ہے، جس میں پروڈکٹ کارڈز ایک مرکز میں جامنی رنگ کے "دکان" کے لوگو کے اوپر رکھے ہوئے ہیں، اور اس کے نیچے گولی کے سائز کا سرچ بار ہے۔ زمرہ کی گولیاں سرچ بار کے نیچے ایک مرکز والی قطار میں ترتیب دی گئی ہیں۔ مواد کے حصے (خواتین، مرد، خوبصورتی، گھر، بچے اور بچے) نامزد سٹرپس کے طور پر پیروی کرتے ہیں، ہر ایک پروڈکٹ کی تصاویر کے ساتھ 4 کالم گرڈ یا 2 کالم "مین عنصر اور گرڈ" مرکب پر مشتمل ہوتا ہے۔ عمودی تال فیاض ہے: اہم حصوں کے درمیان 64–80px۔ فوٹر صفحہ کے نچلے حصے میں کالم کی شکل کے لنک گروپس کے ساتھ ایک سیاہ پٹی ہے۔ افقی پروڈکٹ پینلز کے دائیں جانب کیروزل تیر صفحہ بندی پوائنٹس کے بغیر اسکرول قابل مواد کی نشاندہی کرتے ہیں۔
فوٹوگرافی غالب بصری عنصر ہے: سفید پس منظر کے خلاف پوری اسکرین پروڈکٹ کی تصاویر، 1:1 کی کٹی ہوئی، اور گرم مٹی والے ٹونز کے ساتھ طرز زندگی کی تصاویر (بیج، ٹیراکوٹا، بابا، ہاتھی دانت)۔ پروڈکٹ کی تصاویر کا اپنا رنگ ہوتا ہے — یوزر انٹرفیس رنگین رہتا ہے، جس سے پروڈکٹ شیڈز کو بصری قسم فراہم کرنے کی اجازت دیتا ہے۔ برانڈ لوگوز انفرادی شبیہیں کے بجائے سیاہ یا ہلکی اہم تصویروں پر اوورلے ٹیکسٹ کے طور پر ظاہر ہوتے ہیں۔ مرکزی ساخت میں، پروڈکٹ کارڈز ورڈ مارک کے اوپر ایک تیرتے ہوئے، قدرے اوور لیپنگ برج کے طور پر رکھے جاتے ہیں۔ شبیہیں مرصع اور مونوکروم (سیاہ خاکہ) ہیں، زمرہ کے شبیہیں کے استثناء کے ساتھ، جو ایک برانڈ کا رنگ استعمال کرتے ہیں۔ مصنوعات کی تصاویر میں کوئی عکاسی، 3D اثرات، یا میلان نہیں ہیں۔
پیلیٹ
برانڈ
- Shop Violet
#5433eb— بھیجنے کا بٹن، نقطے والے ٹیکسٹ مارک، اور برانڈ کا لوگو وہ واحد لہجے ہیں جو سفید پس منظر پر عمل اور انفرادیت کو نمایاں کرتے ہیں۔ - Violet Wash
#c0b5f3— ارغوانی بھیجنے کے بٹن کے پیچھے ایک پارباسی ہالہ جو رنگ تبدیل کیے بغیر اپنی چمک برقرار رکھتا ہے۔
غیر جانبدار
- Canvas Mist
#f2f4f5— صفحہ کا پس منظر اور اٹھائے گئے کارڈز کے پیچھے اضافی سطح کا علاج۔ - Pure White
#ffffff— کارڈز، ان پٹ فیلڈز، فلوٹنگ سائنز اور گولی کے سائز کے بٹنوں کے لیے مرکزی سطح۔ - Ink Black
#000000— ڈارک موڈ میں مین ٹیکسٹ، ہیڈنگز، آئیکنز، نیویگیشن سمبلز اور پروڈکٹ کارڈ۔ - Faint Border
#ebebeb— کارڈز، ان پٹ فیلڈ آؤٹ لائنز، اور گولی کے سائز کے بٹن فریموں پر تقسیم کرنے والی پتلی لکیریں۔ - Muted Gray
#787574— ثانوی متن، نیویگیشن لیبلز، غیر فعال ہونے پر آئیکن کا خاکہ - Cool Stone
#cccccc— پلیس ہولڈرز، غیر فعال ریاستیں، اور غیر فعال آئیکن پس منظر
نوع ٹائپ
11 سے 16px تک · 4 مراحل
- GT Standard — متبادل: Inter · خاکہ 400 · تمام سائز کا بنیادی فونٹ — باڈی ٹیکسٹ اور ہیڈنگ دونوں کے لیے۔ 16px/-0.031em پر GTSstandard-MRegular باڈی ٹیکسٹ، بٹنز اور لیبلز کے لیے بنیادی فونٹ ہے۔ 20px/-0.05em پر GTSstandard-MSemibold کئی بڑے عنوانات کے لیے استعمال ہوتا ہے۔ 11–12px پر GTSstandard-MMedium مائکرو کیپشنز کے لیے استعمال کیا جاتا ہے۔ ہر فونٹ ویرینٹ کو 400 کے آپٹیکل وزن کے ساتھ دکھایا جاتا ہے—فونٹ کا درجہ بندی بولڈ کنٹراسٹ کے بجائے ٹھیک ٹھیک گریڈیئنٹس اور گھنے منفی حروف کے وقفے کے ذریعے حاصل کی جاتی ہے۔ یہ ایک دستخطی انداز ہے: دکان بولڈ فونٹس کے ساتھ نہیں چلتی، بلکہ خط کی جگہ کے ذریعے متن کو شکل دیتی ہے۔
- Shopify Sans — متبادل: Inter · خاکہ 400, 700 · سسٹم کی سطح کے پیغامات جیسے کہ ایپ لوڈ کرنے والے بینرز اور کوکی کی رضامندی کے متن کے لیے مخصوص ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | اوسط |
| بنیادی قدم | 12px |
| بٹن کا رداس | 9999px |
| کارڈ کا رداس | 28px |
| سائے | نرم سائے |
| حصوں کے درمیان | 64px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Shop کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Cursor — ایک آرام دہ پارچمنٹ ورکشاپ، سلگتے ہوئے کوئلوں سے روشن
- Slush — پیسٹل پیپر پر اسٹیکرز کی انفلٹیبل کائنات
- MindMarket — کریم پیپر پر ایک آرام دہ پریوں کی کتاب - ایک دوستانہ ادارتی کینوس جہاں بڑی انٹر ہیڈ لائنز اور کٹ آؤٹ کاغذی کردار دھوپ میں بھیگی ہوئی، اسٹیکر نرم سطح پر ایک ساتھ رہتے ہیں۔
- Airbnb — ایک خاموش سفید گیلری کی دیوار جس میں سنگل مرجان سرخ بک مارک ہے۔
- Superr — نرم دوپہر کی روشنی میں ایک گرم اسکول کی نوٹ بک۔ ایک کریم رنگ کا صفحہ، بغیر ٹوپی کے نارنجی مارکر، اور پرت دار نام کے اسٹیکرز کا ایک ڈھیر جو چھیلنے کے منتظر ہے۔
- Apple (España) — عجائب گھر کی گیلری، دن کی ہلکی روشنی میں، ایک واحد، دلکش، بے وزن سفید جگہ ہے، جس میں ہر نمائش ہلکی رنگت والی دیوار کے خلاف اسپاٹ لائٹ سے روشن ہوتی ہے۔
- Lamborghini — شوروم میں سیاہ جسم کا رنگ، اسپاٹ لائٹس کے نیچے - ایک پیلی کار
- Amplemarket — دھوپ میں بھیگنے والی کام کی جگہ کنفیٹی سے بھری ہوئی ہے۔
- Getharvest — گولڈن آور میں ایک میز - ایک گرم کریم کینوس، کینوس پر لٹکا ہوا سفید پوسٹ کارڈ، اور ایک روشن نارنجی شعلہ
- Agence Foudre — میگزین کا سرورق ایک نرم گلابی رنگ ہے جو لپ اسٹک کی یاد دلاتا ہے۔
- Drive Capital — گرم کاغذ پر ریٹرو روڈ ٹرپ پوسٹر
- Apple (España) — سفید گیلری، نگارخانہ ڈسپلے کیس