Shop
په سپین مرمر باندې یو لامبو وهونکی سوداګریز برج
آنلاین پلورنځی په "سپین کینوس" ماډل کار کوي، محصولات د تمبیلونو د گرډونو پرځای د لویو، دروند منحني عکس کارتونو په توګه ښودل شوي. ټول انٹرفیس په زړه پورې ډول اسانه دی: په ټوله کې 20-28px شعاع، د ګولۍ په شکل کنټرولونه، او یو کمپیکٹ 16px GT معیاري بدن د سخت منفي تعقیب سره چې متن کرکرا او بولډ کوي. د سیسټم یوازینۍ زړور تلفظ یو متحرک ارغواني (#5433eb) دی، کوم چې په لوګو، د سرکلر لټون پایلو ساحه کې، او په ورته تڼۍ کې د رنګ شوي سیوري په توګه ښکاري. د پیلټ پاتې برخه ګرمه بې طرفه ده: سپینې سطحې، یو فرعي یخ خړ کینوس، فرعي پولې، او نږدې تور متن. کثافت د 12px ګټرونو سره کمپیکٹ پاتې کیږي، مګر اتل او کټګوري پټې د 64-80px د سخاوتمند عمودی تال څخه مننه تنفس کوي، چې د سوداګرۍ تجربه د کتلاګ په پرتله د براوز کولو په څیر احساس کوي.
اعظمي عرض یې ۱۲۰۰ پکسله دی، چې په یوه شفاف #f2f4f5 کینوس باندې متمرکز دی، په چپ اړخ کې د ۶۴ پکسله پراخ اړخ پټۍ سره یوازې د نیویګیشن عکسونه لري. اصلي عنصر د بشپړ پلنوالي پټه ده، د محصول کارتونه د مرکز ارغواني "دوکان" لوګو پورته موقعیت لري، او د ګولۍ په شکل د لټون بار مستقیم لاندې دی. د کټګورۍ ګولۍ د لټون بار لاندې په یوه واحد مرکز قطار کې تنظیم شوي. د مینځپانګې برخې (ښځې، نارینه، ښکلا، کور، ماشوم او ماشومان) د ټاکل شوي پټو په توګه تعقیب کیږي، هر یو د محصول عکسونو سره د ۴ کالم گرډ یا د ۲ کالم "اصلي عنصر او گرډ" ترکیب لري. عمودی تال سخاوتمند دی: د اصلي برخو ترمنځ ۶۴-۸۰ پکسله. فوټر د پاڼې په ښکته برخه کې د کالم شکل لرونکي لینک ګروپونو سره تیاره پټه ده. د افقي محصول پینلونو ښي خوا ته د کاروسیل تیرونه د پاڼې کولو نقطو پرته د سکرول وړ مینځپانګې په ګوته کوي.
عکاسي د بصري عنصر غالب عنصر دی: د سپینې شالید په وړاندې د بشپړ سکرین محصول عکسونه، 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— ځای لرونکي، غیر فعال حالتونه، او غیر فعال آیکون شالیدونه
ټایپوګرافي
له ۱۱ څخه تر ۱۶ پکسله پورې · ۴ ګامونه
- GT Standard — بدیل: Inter · بڼې 400 · په ټولو اندازو کې لومړنی فونټ - د بدن متن او سرلیکونو دواړو لپاره. GTStandard-MRegular په 16px/-0.031em کې د بدن متن، تڼیو او لیبلونو لپاره لومړنی فونټ دی. GTStandard-MSemibold په 20px/-0.05em کې د څو لویو سرلیکونو لپاره کارول کیږي؛ GTStandard-MMedium په 11-12px کې د مایکرو کیپشنونو لپاره کارول کیږي. د فونټ هر ډول ډول د 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) — د سپینې ګالري نندارې قضیه