FRANKY'S
קיוסק משחקים רטרו על דלפק של חנות סקייטבורד
השפה החזותית של פרנקי היא שילוב של ארקייד רטרו וחנות סקייטבורד: בד קנבס קרם חם (#f3e5df) ממוסגר על ידי גבולות פיקסלים נוקשים, לוח שחמט שחור-לבן נפוץ בכל מקום, וגופן פיקסל יחיד, Arcade, המשמש לכל מילה באתר. פלטת הצבעים דלילה במכוון - נותרו רק שני צבעים כרומטיים (כתום איתות #faa21f לשלט וירוק עשיר #128e44 לכפתור הקנייה), כאשר כל ההיררכיה באה לידי ביטוי על ידי הגדלת משקל הגופן של Arcade מ-400 ל-700 ועל ידי שימוש בשחור על רקע קרם. המשטחים נשארים שטוחים ומונוליטיים; עומק מושג רק באמצעות קו קרם של 1 פיקסלים שהוכנס על הכפתורים ומשחק הגוונים של לוח השחמט. הרכיבים מזכירים ספרייטים של חנויות משנות ה-90: גבולות שחורים עבים, רדיוסי גבול צפופים של 6-12 פיקסלים, ריפוד קומפקטי של 4-8 פיקסלים, ומתגי תלת-ממד/AR שנראים כמו אייקונים פיקסלים ולא אלמנטים כרום. הדפים החדשים נועדו לשמור על האווירה דמוית הארקייד: ללא מעברי צבע מלבד טקסט כתום גולש, ללא צללים רכים, ללא טיפוגרפיה דקורטיבית - רק נייר בצבע קרם, קווים שחורים מפוקסלים וצבע כתום חם יחיד.
במחשב שולחני, דף המוצר מציג פריסה ברוחב מלא וממורכזת, עם רוחב מקסימלי של 1200 פיקסלים. הקצב מלמעלה למטה הוא: טקסט גלילה כתום → כותרת בצבע קרם עם קו שחור → פיצול של שתי עמודות (55% לוח שחמט בדף הבית / 45% רשת של שתי עמודות של כרטיסי מוצר) → פס בצבע קרם בתחתית העמוד. בנייד, דף הבית מתכווץ ללוח שחמט ברוחב מלא, והרשת הופכת לפריסה של עמודה אחת. הכרטיסים מפוזרים באופן שווה ברשת של שתי עמודות עם מחיצות פיקסלים אפורות (#e5e7eb) ביניהם. המרווח בין הסעיפים מינימלי (43–61 פיקסלים), והממשק לעולם לא משתמש בפסים כהים המשתרעים על פני כל רוחב הדף - בד הציור בצבע קרם מוצג ללא הפרעה.
תצלום של כובעים על רקע קרם נקי, ממורכז וחתוך היטב, עם צל רך ושחור-פחם מתחת. אין סגנון חיים, אין דוגמנים, אין הקשר - הכובע הוא הכוכב. דוגמת לוח שחמט מאחורי האלמנט הראשי משמשת כמשטח גרפי. אין איורים, אין הדמיות תלת-ממדיות מלבד כפתור המציאות הרבודה, אין סמלים דקורטיביים מלבד הצלב המפוקסל בלוגו.
לוּחַ הַצְבָעִים
מותג
- Marquee Orange
#faa21f— סרגל התראות בראש המסך, אלמנטים בולטים, מיתוג. - Buy Green
#128e44— כפתור "הוסף לעגלה" מלא - פעולת הרכישה היחידה המסומנת בירוק.
נֵטרָלִי
- Arcade Cream
#f3e5df— רקע העמוד, משטחי כרטיסי מוצר, הוספת כפתורים. - Ink Black
#000000— טקסט ראשי, פריסת לוח שחמט, כל גבולות ממשק המשתמש, קווי מתאר של כרטיסים, גבולות סמלים. - Pixel Gray
#e5e7eb— גבולות דקים, מחיצות קלפים, כללים מבניים בין תאי רשת. - Charcoal
#333333— גוון משטח משני, ריבועי צל של לוח שחמט, צבע צל - Carbon
#151515— גוונים ניטרליים עשירים למילוי איורים ואריחי לוח שחמט צפופים ביותר. - Muted Gray
#737373— טקסט מושבת/מושתק בכפתורים ובגוף הטקסט
טיפוגרפיה
מ-10 עד 18 פיקסלים · 4 שלבים
- Arcade — תַחֲלִיף: VT323 · קווי מתאר 400, 700 · גופן יחיד משמש בכל רחבי הממשק - כל הכותרות, התוויות, המחירים, הכפתורים, גוף הטקסט והסמלים נמצאים ב-Arcade. המעבר מ-400 ל-700 הוא הכלי היחיד ליצירת היררכיה; שימוש בגופן שני יהרוס את אשליית הקיוסק.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 4-8px |
| רדיוס הכפתור | 6px |
| רדיוס הכרטיס | 12px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 43-61px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון FRANKY'S ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- 099 SUPPLY — קיר גלריה מלא בחפצים בשחור לבן
- teenage engineering — קטלוג תעשייתי בתאורת סטודיו - המוצר הוא האובייקט המשמעותי היחיד בדף, וכל השאר נדון סביבו.
- Custo — גלריה בצבע אפרפר-מתכתי עם גופן מונוליטי. אולם תצוגה בגווני אפור-ירוק עמומים, שבו אובייקט כהה בודד וגופן של 57 פיקסלים מדברים בעד עצמם.
- Walden — דממת קרקעית היער - כל מוצר הוא אבן, כל פיקסל הוא טחב ודממה
- Fiverr — מוקד העניין של הבזאר הדיגיטלי הוא דופק ירוק עז על רקע במות תיאטרון חשוכות. נקודה ירוקה ניאון אחת משמשת כעוגן ללוגו; השאר הוא מונוכרום, שנועד להדגיש את האטרקטיביות של השירותים המוצעים.
- Peloton — משואה אדומה על מסלול שחור כפחם. אולם תצוגה של רשת כושר שבו שלט אדום בוהק יחיד של צוות התקשרות (CTA) חותך את חלל התצוגה העצום והחשוך ומוביל לחדרי מוצרים לבנים ונקיים.
- HOUSEPLANT — חנות ספרים עם אגוזים על נייר פשתן
- Adam Lippes — סטודיו עריכה מונוכרום על נייר בצבע קרם – כתב ווג שבו הקישוט היחיד הוא רשת הפריסה, לא פלטת הצבעים.
- Elektron — לוח הבקרה של הציוד בחצות הוא בד ציור כמעט שחור, שבו תמונות המוצר זורחות בעוד שהממשק נותר כמעט בלתי נראה.
- Sigmaphoto — גלריית המונוכרום של כלי דיוק היא חדר לבן ושקט שבו הצבע היחיד שחשוב הוא זה שקורא לך לפעולה.
- Channel Studio — מעבדת צילום בסטודיו עם אהיל אחד בצבע אלמוג
- Specht Studio — קיר גלריה מלא בסקרנות דיסקרטית. גימור הכרום של הסטודיו הוא משטח לבן וכיתוב שחור; הזיקוקים החזותיים מרוכזים כולם בתוך עבודות האריחים של הפרויקט.