Custo
גלריה בצבע אפרפר-מתכתי עם גופן מונוליטי. אולם תצוגה בגווני אפור-ירוק עמומים, שבו אובייקט כהה בודד וגופן של 57 פיקסלים מדברים בעד עצמם.
Custo מתפקדת כגלריה של מוצרים תעשייתיים: בד קנבס מתכתי חם משמש כרקע למוצר הפיזי, בעוד טיפוגרפיה בפורמט גדול משמשת כקישוט חזותי עיקרי. המערכת היא אכרומטית לחלוטין - ללא צבעים כרומטיים - מה שמאפשר לתיבת המכתבים האנודייזה הכהה ולכוח המשיכה הגיאומטרי של גופן סאנס-סריף יחיד להעביר את האישיות המלאה של המותג. כל מסך מאזן מרחב לבן רחב ידיים עם אמירה טיפוגרפית מונומנטלית, כאשר סימן המותג חוזר על עצמו כאלמנט כמעט אדריכלי. המשטחים שטוחים ומט; עומק נוצר באמצעות רפלקטיביות המוצר עצמו, לא באמצעות צללים או מעברים.
פריסת העמוד היא מבנה אנכי בן עמודה אחת עם רוחב תוכן מרבי של כ-1280 פיקסלים, ממורכז בתוך חלון התצוגה. רכיב העמוד הראשי משתרע על פני כל רוחב העמוד, מעובד בצבע Gunmetal מקצה לקצה #9ea29f, עם תמונה של תיבת דואר במרכז מימין ולוגו CUSTO® בגודל 57 פיקסלים המעגן את הקצה התחתון. מתחת לרכיב הראשי, מקטעים מתחלפים: בלוק טקסט בן שתי עמודות (כיתוב קטן משמאל, כותרת גדולה מימין), ואחריו רשת אופקית של שלושה כרטיסי תמונה של מוצר, ואז שורות של שתי עמודות של טקסט ותמונות, כאשר הטקסט הראשי מתחלף משני הצדדים. המרווחים בין המקטעים הם 110 פיקסלים, ויוצרים מרחב נשימה אנכי משמעותי. הניווט הוא פס עליון שקוף יחיד שדוהה ל-Paper White בזמן הגלילה. סמל CES הוא רכיב צף קבוע בפינה הימנית התחתונה. הקצב הכללי הוא דמוי גלריה: מעט אלמנטים בכל מקטע, גופן גדול, רווחים רחבים ותמונת מוצר כפיסוק חזותי בין רצועות טקסט.
התמונות הן צילום מוצר טהור של תיבת הדואר של Custo, שצולמו בשלושה מצבים: פורטרטים באורך מלא על רקע מסגרת המתכת, צילומי לייפסטייל המדגימים אינטראקציה אנושית עם המכשיר, ותקריבים של ממשק הסריקה וטבעת ה-LED. כל התמונות מבוצעות בגוונים עמומים ובעלי ניגודיות גבוהה, כאשר הגימור השחור המט של תיבת הדואר משמש כעוגן חזותי. אין איורים, גרפיקה מופשטת או תמונות סטוק. התמונות ממוקמות על גבי כרטיסים ברדיוס של 8 פיקסלים או משמשות במסך מלא מאחורי הלוגו של 57 פיקסלים. סמל CES הוא התמונה הרב-צבעונית היחידה באתר כולו.
לוּחַ הַצְבָעִים
נֵטרָלִי
- Canvas Gunmetal
#9ea29f— הרקע האפור-ירוק החם של החלקים הראשיים והנושא מבדיל את Custo מתבניות SaaS לבנות סטנדרטיות ומרגיש יותר כמו בטון אדריכלי מאשר משטח דיגיטלי. - Obsidian
#000000— גוף טקסט, גבולות דקים, משיכות סמלים - הדיו בעל הניגודיות הגבוהה ביותר במערכת, המשמש לכותרות ומחיצים מבניים. - Paper White
#ffffff— תמונות רקע של חלקי גוף, טקסט הפוך על קנבס מתכתי, טקסט על רקע כהה של צילום מוצר. - Anodized Graphite
#4b514d— המשטח הכהה לצילום מוצר, כותרות נוספות וטקסט תלת-ממדי מהדהד את גימור תיבת הדואר, כך שממשק המשתמש והמוצר עשויים מאותו חומר. - Brushed Steel
#8e9194— גוף הטקסט המעודן, מחיצות הרשימות וקווי מתאר נוספים של אייקונים נמצאים בין Paper White ל-Obsidian עבור מטא-דאטה מוטמע וקישורים דיסקרטיים. - Linen Mist
#a7aaad— הצבע הבהיר של הגבול והמחיצים לכותרות וקווי חלוקה הוא גוון עדין שלעולם אינו מתחרה בקווי המבנה של צבע האובסידיאן.
טיפוגרפיה
מ-15 עד 57 פיקסלים · 5 צעדים
- PP Neue Montreal — תַחֲלִיף: Inter · קווי מתאר 400 (Medium) · מערכת טיפוגרפית חד-משפחתית משמשת לכל דבר, החל מגוף הטקסט ועד לטקסט הסבר - אחידות גיאומטרית במשקל היא הסימן המובהק, תוך הימנעות משימוש בגופנים משניים או ספציפיים לתצוגה, כך שסימן המילה 'CUSTO®' שנקבע ל-57 פיקסלים נקרא כשייך לאותה משפחה טיפוגרפית כמו תווית שדה הקלט של הטופס בגודל 15 פיקסלים.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְרוּוָח |
| שלב בסיסי | 24px |
| רדיוס הכפתור | 31.35px (pill) for primary action; 8px for secondary |
| רדיוס הכרטיס | 8px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 110px |
| רוחב העמוד | 1280px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Custo ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- 099 SUPPLY — קיר גלריה מלא בחפצים בשחור לבן
- Specht Studio — קיר גלריה מלא בסקרנות דיסקרטית. גימור הכרום של הסטודיו הוא משטח לבן וכיתוב שחור; הזיקוקים החזותיים מרוכזים כולם בתוך עבודות האריחים של הפרויקט.
- Structured — גלריית רנסנס על נייר דמוי פלסטלינה
- Airbnb — קיר גלריה לבן ושקט עם סימניה אדומה אלמוגית אחת
- VSCO — קיר המונוכרומטי של הגלריה הוא תערוכת תצלומים בשחור-לבן, שבה זרקור חם יחיד מאיר את הפעולה הבאה.
- Apple (España) — גלריית המוזיאון, באור יום רך, היא חלל לבן יחיד, שובה לב וחסר משקל, כאשר כל תערוכה מוארת בזרקור על קיר כהה קלות.
- Peak Design — קיר גלריה, מואר חלקית
- Apple (España) — תצוגת גלריית אובסידיאן היא אולם תצוגה חשוך שבו חפץ טיטניום בודד זוהר על רקע שחור כמשהו.
- Apple (España) — ויטרינת גלריה לבנה
- teenage engineering — קטלוג תעשייתי בתאורת סטודיו - המוצר הוא האובייקט המשמעותי היחיד בדף, וכל השאר נדון סביבו.
- Apple (España) — חלון גלריה בערפל הבוקר
- Apple (España) — גלריית המוזיאון הלבן בצהריים