FRANKY'S
اسکیٹ شاپ کے کاؤنٹر پر ریٹرو گیمنگ کیوسک
فرینکی کی بصری زبان ریٹرو آرکیڈ اور اسکیٹ بورڈ شاپ کا امتزاج ہے: ایک گرم کریم کینوس (#f3e5df) جسے سخت پکسل بارڈرز، ہر جگہ بلیک اینڈ وائٹ چیکر بورڈ، اور ایک پکسل فونٹ، آرکیڈ، ویب سائٹ پر ہر لفظ کے لیے استعمال کیا جاتا ہے۔ پیلیٹ جان بوجھ کر ویرل ہے — صرف دو رنگین رنگ باقی ہیں (سگنل نارنجی #faa21f کے لیے اور خرید کے بٹن کے لیے بھرپور سبز #128e44)، جس کا اظہار آرکیڈ فونٹ کے وزن کو 400 سے 700 تک بڑھا کر اور کریم کے پس منظر کے خلاف سیاہ کا استعمال کرتے ہوئے کیا گیا ہے۔ سطحیں چپٹی اور یک سنگی رہتی ہیں۔ گہرائی صرف بٹنوں پر ڈالی گئی 1px کریم لائن اور بساط کے ٹونل پلے کے ذریعے حاصل کی جاتی ہے۔ اجزاء 1990 کے اسٹور فرنٹ اسپرائٹس کی یاد دلاتے ہیں: موٹی سیاہ سرحدیں، سخت 6-12px بارڈر ریڈی، کمپیکٹ 4-8px پیڈنگ، اور 3D/AR ٹوگلز جو کروم عناصر کے بجائے پکسلیٹڈ آئیکنز کی طرح نظر آتے ہیں۔ نئے صفحات کا مقصد آرکیڈ جیسا ماحول برقرار رکھنا ہے: نارنجی سکرولنگ ٹیکسٹ کے علاوہ کوئی میلان نہیں، کوئی نرم سائے نہیں، کوئی آرائشی نوع ٹائپ نہیں—صرف کریم رنگ کا کاغذ، سیاہ پکسل والی لکیریں، اور ایک ہی گرم نارنجی رنگ۔
ڈیسک ٹاپ پر، پروڈکٹ کا صفحہ 1200px کی زیادہ سے زیادہ چوڑائی کے ساتھ مکمل چوڑائی، مرکزی ترتیب دکھاتا ہے۔ اوپر سے نیچے کی تال یہ ہے: نارنجی سکرولنگ ٹیکسٹ → کریم رنگ کا ہیڈر ایک سیاہ لائن کے ساتھ → دو کالم اسپلٹ (ہوم پیج پر 55% چیکر بورڈ / پروڈکٹ کارڈز کا 45% دو کالم گرڈ) → فوٹر میں کریم رنگ کی پٹی۔ موبائل پر، ہوم پیج مکمل چوڑائی والے چیکر بورڈ میں سمٹ جاتا ہے، اور گرڈ سنگل کالم لے آؤٹ بن جاتا ہے۔ کارڈز کو دو کالم گرڈ میں یکساں طور پر تقسیم کیا جاتا ہے جس کے درمیان گرے Pixel (#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— بٹنوں پر اور باڈی ٹیکسٹ میں غیر فعال/ خاموش متن
نوع ٹائپ
10 سے 18px تک · 4 مراحل
- 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 — Precision Instruments کی مونوکروم گیلری ایک پرسکون سفید کمرہ ہے جہاں صرف وہی رنگ اہمیت رکھتا ہے جو آپ کو کارروائی کے لیے بلاتا ہے۔
- Channel Studio — ایک مرجان لیمپ شیڈ کے ساتھ ایک اسٹوڈیو فوٹو لیب
- Specht Studio — ایک گیلری کی دیوار سمجھدار تجسس سے بھری ہوئی ہے۔ اسٹوڈیو کا اپنا کروم فنش ایک سفید سطح اور سیاہ حروف پر مشتمل ہے۔ بصری آتش بازی مکمل طور پر پروجیکٹ کے ٹائل ورک کے اندر مرکوز ہے۔