FRANKY'S
د سکیټ دوکان په کاونټر کې د ریټرو لوبو کیوسک
د فرانکي بصري ژبه د ریټرو آرکیډ او سکیټ بورډ شاپ ترکیب دی: یو ګرم کریم کینوس (#f3e5df) چې د سخت پکسل سرحدونو لخوا چوکاټ شوی، یو هر اړخیز تور او سپین چیکر بورډ، او یو واحد پکسل فونټ، آرکیډ، چې په ویب پاڼه کې د هرې کلمې لپاره کارول کیږي. پیلټ په قصدي ډول کم دی - یوازې دوه کروماتیک رنګونه پاتې دي (د نښې لپاره نارنجي #faa21f سیګنال او د پیرود تڼۍ لپاره بډایه شنه #128e44)، د ټول درجه بندي سره چې د آرکیډ فونټ وزن له 400 څخه 700 ته لوړولو او د کریم شالید په وړاندې د تور کارولو سره څرګند شوی. سطحې فلیټ او مونولیتیک پاتې دي؛ ژوروالی یوازې په تڼیو کې د 1px کریم لاین داخل شوي او د چیکر بورډ د ټونل لوبې له لارې ترلاسه کیږي. اجزا د 1990 لسیزې د پلورنځي سپریټ یادونه کوي: غټ تور سرحدونه، د 6-12px سخت سرحد شعاع، کمپیکٹ 4-8px پیډینګ، او 3D/AR ټوګلونه چې د کروم عناصرو پرځای د پکسلیټ شوي شبیانو په څیر ښکاري. نوي پاڼې د آرکیډ په څیر فضا ساتلو لپاره دي: د نارنجي سکرول کولو متن پرته بل هیڅ ګریډینټ نشته، نرم سیوري نشته، هیڅ آرائشی ټایپوګرافي نشته - یوازې کریم رنګ کاغذ، تور پکسل شوي کرښې، او یو واحد ګرم نارنجي رنګ.
په ډیسټاپ کې، د محصول پاڼه د بشپړ پلنوالي، متمرکز ترتیب ښیې چې اعظمي عرض یې 1200px دی. له پورته څخه تر ښکته پورې تال دا دی: نارنجي سکرول کولو متن → د تورې کرښې سره کریم رنګه سرلیک → دوه ستنې ویش (په کور پاڼه کې 55٪ چیکر بورډ / د محصول کارتونو 45٪ دوه ستنې گرډ) → په فوټر کې کریم رنګه پټه. په موبایل کې، کور پاڼه په بشپړ پلنوالي چیکر بورډ کې سقوط کوي، او ګریډ د واحد کالم ترتیب کیږي. کارتونه په مساوي ډول په دوه ستنې ګریډ کې د خړ پکسل (#e5e7eb) ویشونکو سره ویشل شوي دي. د برخو ترمنځ واټن لږترلږه دی (43-61px)، او انٹرفیس هیڅکله تیاره پټې نه کاروي چې د پاڼې ټول پلنوالی پراخوي - کریم کینوس پرته له کوم خنډ څخه ښودل کیږي.
د کیپونو عکس د پاک کریم شالید په وړاندې، په مرکز کې او په کلکه کراپ شوی، د نرم، سکرو تور سیوري لاندې. نه ژوند، نه ماډلونه، نه شرایط - کیپ ستوری دی. د اصلي عنصر تر شا د چیکر بورډ نمونه د ګرافیک سطح په توګه کار کوي. هیڅ انځورونه، نه 3D رینډرونه پرته له لوی شوي حقیقت ټګل څخه، هیڅ آرائشی عکسونه پرته له پکسلیټ کراس څخه په لوګو کې.
پالټ
برانډ
- Marquee Orange
#faa21f— د سکرین په سر کې د خبرتیا بار، د تلفظ عناصر، برانډینګ. - Buy Green
#128e44— د "کارټ ته اضافه کړئ" تڼۍ ډکه شوې ده - د پیرود یوازینۍ عمل چې په شنه رنګ نښه شوی.
بې طرفه
- Arcade Cream
#f3e5df— د پاڼې شالید، د محصول کارت سطحې، د تڼۍ داخلول. - Ink Black
#000000— اصلي متن، د چیک بورډ ترتیب، ټول UI پولې، د کارت بڼې، د آئیکون پولې. - Pixel Gray
#e5e7eb— نري پولې، د کارت ویشونکي، د گرډ حجرو ترمنځ ساختماني قواعد. - Charcoal
#333333— د سطحې ثانوي رنګ، د چیکر بورډ سیوري مربع، د سیوري رنګ - Carbon
#151515— د انځورونو ډکولو لپاره بډایه بې طرفه ټونونه او تر ټولو ګڼ چیکر بورډ ټایلونه. - Muted Gray
#737373— په تڼیو او د متن په بدن کې غیر فعال/خاموش شوی متن
ټایپوګرافي
له ۱۰ څخه تر ۱۸ پکسله پورې · ۴ ګامونه
- Arcade — بدیل: VT323 · بڼې 400, 700 · په ټول انٹرفیس کې یو واحد فونټ کارول کیږي — ټول سرلیکونه، لیبلونه، قیمتونه، تڼۍ، د بدن متن، او عکسونه په آرکیډ کې دي. له 400 څخه 700 ته لیږد د سلسلې د جوړولو لپاره یوازینۍ وسیله ده؛ د دوهم فونټ کارول به د کیوسک وهم له منځه یوسي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 4-8px |
| د تڼۍ وړانګې | 6px |
| د کارت وړانګې | 12px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 43-61px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په FRANKY'S سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- 099 SUPPLY — د ګالري دیوال چې د تورو او سپینو شیانو څخه ډک دی
- teenage engineering — د سټوډیو په رڼا کې صنعتي کتلاګ - محصول په پاڼه کې یوازینی مهم شی دی، او نور هرڅه د هغې شاوخوا بحث کیږي.
- Custo — د ټوپک فلزي رنګ ګالري چې یو واحد فونټ لري. په خاموش خړ-شنه رنګونو کې یو نندارتون، چیرې چې یو تیاره شی او 57px فونټ د ځان لپاره خبرې کوي.
- Walden — د ځنګل د فرش چوپتیا - هر محصول یوه ډبره ده، هر پکسل کای او چوپتیا ده
- Fiverr — د ډیجیټل بازار مرکزي نقطه د تیاره تیاتر سټیجونو په وړاندې یو متحرک شنه نبض دی. یو واحد نیون شنه ټکی د لوګو لپاره د لنگر په توګه کار کوي؛ پاتې برخه مونوکروم ده، چې د وړاندې شوي خدماتو جذابیت روښانه کولو لپاره ډیزاین شوې ده.
- Peloton — په تور رن وی کې یو سور څراغ. د فټنس یو نندارتون چیرې چې د CTA یو روښانه سور نښه د پراخ، تیاره نندارتون ځای څخه تیریږي او پاکو، سپینو محصولاتو خونو ته لار هواروي.
- HOUSEPLANT — د کتاب پلورنځی چې مغز لرونکي په کتان کاغذ باندې دي
- Adam Lippes — په کریم کاغذ باندې یو مونوکروم اداری سټوډیو - د ووګ خپریدل چیرې چې یوازینۍ سینګار د ترتیب گرډ دی، نه د رنګ پیلټ.
- Elektron — د نیمې شپې د تجهیزاتو کنټرول پینل تقریبا تور کینوس دی، چیرې چې د محصول عکسونه ځلیږي پداسې حال کې چې انٹرفیس تقریبا نه لیدل کیږي.
- Sigmaphoto — د دقیق وسایلو مونوکروم ګالري یوه خاموشه سپینه خونه ده چیرې چې یوازینی رنګ چې مهم دی هغه دی چې تاسو عمل ته بلنه درکوي.
- Channel Studio — د سټوډیو د عکسونو لابراتوار د یوې مرجاني څراغ سره
- Specht Studio — د ګالري دیوال چې د پټو تجسس څخه ډک دی. د سټوډیو خپل کروم پای سپینه سطحه او تور لیک دی؛ بصري اورلوبې په بشپړ ډول د پروژې د ټایل کار دننه متمرکزې دي.