Le Puzz
سنی سنڈے سرکلر اسرار سے بھرا ایک ٹیبلوئڈ ہے۔
Le Puzz بوتیک اسٹورز کے لیے ایک زیادہ سے زیادہ ای کامرس سسٹم ہے، جو دو ٹون فاؤنڈیشن پر بنایا گیا ہے: بھرپور، شہد کے چھتے جیسا پیلا جوڑا خالص سیاہ کے ساتھ، ایک ٹھنڈی، موتی کے سرمئی پس منظر میں سیٹ کیا گیا ہے۔ اس کا انداز ونٹیج اخبار اور جیگس پزل کے درمیان ایک کراس ہے: باڈی کاپی سیرف ٹائمز میں ہے، جب کہ سرخیاں حسب ضرورت فونٹ ٹائمز ناؤ میں ہیں، جان بوجھ کر روایتی ای کامرس کنونشنز کو توڑ رہی ہیں جو سنس سیرف فونٹس پر انحصار کرتے ہیں۔ انٹرفیس کو ہی سادہ اور گرڈ پر مبنی رکھا گیا ہے، جس سے مصنوعات کی پیکیجنگ (کھلونے سے بھری گھنی، تصویری کمپوزیشن) کے ذریعے بصری اثرات کو پہنچایا جا سکتا ہے۔ انٹرفیس کنٹرولز کافی مضبوط ہیں: پیلے رنگ کے پس منظر پر سیاہ بارڈر والے بٹن، گولی کے سائز کے آئیکنز، 12px رداس والے کارڈز، اور چھوٹی ٹوپیوں کے لیے خطوط کے درمیان فاصلہ، جو کہ "Quick ADD" بٹن کو بھی ادارتی مزاج فراہم کرتا ہے۔
ایک مخصوص ادارتی ڈیزائن کے ساتھ ایک کلاسک ای کامرس گرڈ۔ ہیڈر ایک پیلے رنگ کے شہد کے چھتے کی پٹی ہے جس میں 1 چوڑائی کا سیاہ بارڈر ہے، جس میں مرکزی لوگو اور نیویگیشن بٹنوں کی ایک اضافی قطار ہے۔ ذیل میں، ایک سرمئی پس منظر پر مصنوعات کے تین کالم گرڈ کے اوپر، Times Now فونٹ میں مرکزی استقبالیہ ہیڈر ہے۔ مرکزی عنصر گول کونوں (40) کے ساتھ ایک مرکزی تصویر کا بلاک ہے، جس میں دو پروڈکٹ کارڈز ہیں۔ حصوں کی تال برقرار ہے: کافی عمودی جگہ (30)، باری باری پیلی اور سرمئی سطحیں، اور زیادہ سے زیادہ چوڑائی تقریباً 4.5 سینٹی میٹر، صفحہ پر مرکز۔ پروڈکٹ کارڈ ایک ہی سائز کے ہوتے ہیں اور 5 سینٹی میٹر کے وقفے کے ساتھ تین کالم والے گرڈ میں ترتیب دیے جاتے ہیں۔ لے آؤٹ سڈول ہے اور گرڈ سے جڑا ہوا ہے — کوئی غیر متناسب کمپوزیشن یا اوور لیپنگ عناصر نہیں ہیں۔
بصری عنصر پروڈکٹ فوٹو گرافی ہے۔ پہیلی خانوں کو سفید/غیر جانبدار پس منظر کے ساتھ مکمل طور پر تصویر کشی کی جاتی ہے، پھر اسے گرم نیلے یا قدرتی اسٹوڈیو کے پس منظر میں رکھا جاتا ہے۔ مرکزی تصویر میں ایک شخص کو دکھایا گیا ہے جس کے پاس کئی پزل باکسز ہیں—ایک طرز زندگی کی چیز، جسے آسانی سے توانائی کے ساتھ کھینچا گیا ہے۔ پیکیجنگ بذات خود بھرپور، مثالی اور زیادہ سے زیادہ ہے: کھلونے، کھانے کی مصنوعات، اور چمکدار بنیادی رنگوں میں گھنے سیاہ خاکوں کے ساتھ کرداروں کی ایک بڑی تعداد، جو 500 ٹکڑوں کی پہیلی میں بکھری ہوئی بچوں کی کتاب کی مثال کی طرح نظر آنے کے لیے ڈیزائن کی گئی ہے۔ کوئی تجریدی گرافکس نہیں، کوئی 3D رینڈرز نہیں، ایک میگنفائنگ گلاس کے علاوہ کوئی آئیکنوگرافی نہیں — پہیلیاں خود بصری زبان ہیں۔
پیلیٹ
برانڈ
- Honeycomb Yellow
#ffd931— پرائمری برانڈ کا رنگ، ٹائٹل بار، پرائمری ایکشن بٹن، نیویگیشن کی فعال حالت، لنک انڈر لائن کلر، ایکسنٹ فل—ایک کلر نوٹ جس کے گرد باقی سب کچھ گھومتا ہے۔
غیر جانبدار
- Carbon Black
#000000— مین ٹیکسٹ، موٹی بارڈرز، بٹن آؤٹ لائنز، آئیکن آؤٹ لائنز، نیویگیشن ٹیکسٹ پورے سسٹم کی ساختی بنیاد ہیں۔ - Ink Black
#231f20— سیکنڈری ٹیکسٹ، پرائمری ٹیکسٹ، بٹن بارڈرز، ان پٹ فیلڈ بارڈرز - ایک قدرے گرم، تقریباً کالا رنگ نرم احساس کے لیے۔ - Pearl Gray
#c8cbcd— صفحہ کینوس، پروڈکٹ کارڈ کے پس منظر، ایک شاندار مرحلہ جہاں پیلے اور سیاہ رنگ ظاہر ہوتے ہیں۔ - Fog Gray
#a6a8aa— دبے ہوئے بیج کی سطحیں، ثانوی چپ پس منظر، اور ٹھیک ٹھیک یوزر انٹرفیس بھرتا ہے۔ - Smoke Line
#d6d6d6— سلم ڈیوائیڈرز، سمجھدار ٹیبل/کارڈ ڈیوائیڈرز۔
نوع ٹائپ
11 سے 47px تک · 6 مراحل
- Times Now — متبادل: Playfair Display · خاکہ 100, 400 · شہ سرخیوں اور ذیلی سرخیوں کے لیے ایک سیرف فونٹ — مرکزی عنوانات، پروڈکٹ کے ناموں اور سیکشن کے عنوانات کے لیے استعمال کیا جاتا ہے۔ 47-پکسل پچ کے ساتھ الٹرا لائٹ 100 پوائنٹ فونٹ ایک لمبا، تقریباً گاڑھا ادارتی احساس پیدا کرتا ہے۔ کنڈینسڈ لیٹرفارمز (0.87–0.90 کی لائن کی اونچائی) پرنٹ شدہ پوسٹر کی نقل کرتے ہوئے بڑی سرخیوں کو ساتھ والے متن کے قریب رکھنے کی اجازت دیتے ہیں۔
- Times — متبادل: Times New Roman · خاکہ 400 · سیرف باڈی ٹیکسٹ آن لائن اسٹور کے لیے ایک غیر متوقع انتخاب ہے، جو پوری سائٹ کو ایک ادبی، کیٹلاگ جیسا احساس دیتا ہے۔ چھوٹی لائن اسپیسنگ (1.15) پیراگراف کو کمپیکٹ اور پڑھنے کے قابل بناتی ہے۔
- Helvetica Neue — متبادل: Helvetica · خاکہ 100, 400 · یوزر انٹرفیس میں چھوٹا متن، بٹنوں پر متن، اور مائیکرو ٹیکسٹ 11px فونٹ میں بڑے حروف کے وقفے (0.0730em) کے ساتھ سیٹ کیے گئے ہیں، جو جسم کے آرام دہ درجہ حرارت پر بھی بڑے حروف میں لکھنے کا احساس پیدا کرتا ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 15px |
| بٹن کا رداس | 12px |
| کارڈ کا رداس | 12px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 30-40px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Le Puzz کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Agence Foudre — میگزین کا سرورق ایک نرم گلابی رنگ ہے جو لپ اسٹک کی یاد دلاتا ہے۔
- INVERSA — آدھی رات کو ٹپوگرافک فیلڈ ٹرمینل۔ ایک گہرا کمانڈ پینل، جہاں بڑے پیمانے پر ادارتی فونٹ اور نیین گرین مارکرز کی ایک پرت زمین کی سیٹلائٹ امیجز پر لگائی جاتی ہے، ہر ایک لیبل مونوکروم، گویا مشن کوآرڈینیٹ پڑھ رہا ہے۔
- Acne Studios — متحرک تصویروں سے بھری ایک کم سے کم گیلری کی جگہ— ماربل پر بچھایا ہوا فیشن میگزین
- GTE — گیلری لائٹنگ کے پیچھے ٹریڈنگ ٹرمینل
- Diabla — دوپہر کے وقت بحیرہ روم کا ایک صحن - سورج کی دھندلی گلابی دیواریں، ایک روشن سرخ کینوس کا سائبان، اور آسمان پر پھیلی سیریفڈ ادارتی سرخیاں۔
- Subset — کچے کپڑے سے بنی ادارتی بوتیک
- Cursor — ایک آرام دہ پارچمنٹ ورکشاپ، سلگتے ہوئے کوئلوں سے روشن
- MindMarket — کریم پیپر پر ایک آرام دہ پریوں کی کتاب - ایک دوستانہ ادارتی کینوس جہاں بڑی انٹر ہیڈ لائنز اور کٹ آؤٹ کاغذی کردار دھوپ میں بھیگی ہوئی، اسٹیکر نرم سطح پر ایک ساتھ رہتے ہیں۔
- Lamborghini — شوروم میں سیاہ جسم کا رنگ، اسپاٹ لائٹس کے نیچے - ایک پیلی کار
- Amplemarket — دھوپ میں بھیگنے والی کام کی جگہ کنفیٹی سے بھری ہوئی ہے۔
- Getharvest — گولڈن آور میں ایک میز - ایک گرم کریم کینوس، کینوس پر لٹکا ہوا سفید پوسٹ کارڈ، اور ایک روشن نارنجی شعلہ
- Drive Capital — گرم کاغذ پر ریٹرو روڈ ٹرپ پوسٹر