Le Puzz
"סאני סאנדיי סירקולר" הוא צהובון מלא תעלומות.
Le Puzz היא מערכת מסחר אלקטרוני מקסימליסטית לחנויות בוטיק, הבנויה על בסיס דו-גוני: צהוב עשיר, דמוי חלת דבש, משולב עם שחור טהור, על רקע אפור פנינה קריר. הסגנון שלה הוא שילוב בין עיתון וינטג' לפאזל: גוף הטקסט הוא בגופן Times serif, בעוד שהכותרות בגופן מותאם אישית, Times Now, תוך שבירה מכוונת של מוסכמות מסחר אלקטרוני מסורתיות המסתמכות על גופני sans-serif. הממשק עצמו נשמר פשוט ומבוסס רשת, מה שמאפשר להעביר את הרושם החזותי דרך אריזת המוצר (קומפוזיציות צפופות ומאוירות מלאות בצעצועים). פקדי הממשק חזקים למדי: כפתורים עם גבול שחור על רקע צהוב, סמלים בצורת גלולה, כרטיסים ברדיוס של 12 פיקסלים, וריווח אותיות נדיב לאותיות גדולות, מה שמעניק אפילו לכפתור "הוסף מהיר" אופי עריכתי.
רשת מסחר אלקטרוני קלאסית עם עיצוב עריכה ייחודי. הכותרת היא פס צהוב בצורת חלת דבש עם גבול שחור ברוחב אחד, הכולל לוגו ממורכז ושורה נוספת של כפתורי ניווט. למטה, מעל רשת מוצרים בת שלוש עמודות על רקע אפור, נמצאת כותרת ברוכים הבאים ממורכזת בגופן Times Now. האלמנט העיקרי הוא בלוק תמונות ממורכז עם פינות מעוגלות (40), מוקף בשני כרטיסי מוצר. קצב הסעיפים נשמר: מרחב אנכי רחב (30), משטחים צהובים ואפורים לסירוגין, ורוחב מרבי של כ-4.5 ס"מ, ממורכזים בעמוד. כרטיסי המוצר באותו גודל ומסודרים ברשת מסודרת בת שלוש עמודות עם רווחים של 5 ס"מ. הפריסה סימטרית וקשורה לרשת - ללא קומפוזיציות אסימטריות או אלמנטים חופפים.
האלמנט הוויזואלי הוא צילום מוצר. קופסאות הפאזל מצולמות במלואן על רקע לבן/נייטרלי, ולאחר מכן ממוקמות על רקע כחול חם או טבעי בסטודיו. התמונה הראשית מציגה אדם המחזיק כמה קופסאות פאזל - חפץ לייף סטייל, שצולם באנרגיה ללא מאמץ. האריזה עצמה עשירה, אילוסטרית ומקסימליסטית: שפע של צעצועים, מוצרי מזון ודמויות בצבעי יסוד בהירים עם קווי מתאר שחורים עבים, שעוצבו כך שייראו כמו איור של ספר ילדים המפוזר על פני פאזל בן 500 חלקים. ללא גרפיקה מופשטת, ללא הדמיות תלת-ממדיות, ללא איקונוגרפיה מלבד זכוכית מגדלת אחת - הפאזלים עצמם הם השפה החזותית.
לוּחַ הַצְבָעִים
מותג
- Honeycomb Yellow
#ffd931— צבע המותג הראשי, שורת הכותרת, כפתורי הפעולה הראשיים, המצב הפעיל של הניווט, צבע הקו התחתון של הקישור, מילוי ההדגשה - תו הצבע היחיד שסביבו סובב כל השאר.
נֵטרָלִי
- Carbon Black
#000000— הטקסט הראשי, הגבולות העבים, קווי המתאר של הכפתורים, קווי המתאר של הסמלים וטקסט הניווט הם הבסיס המבני של המערכת כולה. - Ink Black
#231f20— טקסט משני, טקסט ראשי, גבולות כפתורים, גבולות שדה קלט - צבע מעט חם יותר, כמעט שחור, לתחושה רכה יותר. - Pearl Gray
#c8cbcd— קנבס של עמוד, רקעים לכרטיסי מוצר, במה בולטת בה מופיעים צבעים צהובים ושחורים. - Fog Gray
#a6a8aa— משטחי תג עדינים, רקעים של שבבים משניים ומילוי עדין של ממשק משתמש. - Smoke Line
#d6d6d6— מחיצות דקות, מחיצות שולחן/כרטיסים דיסקרטיות.
טיפוגרפיה
מ-11 עד 47 פיקסלים · 6 שלבים
- Times Now — תַחֲלִיף: Playfair Display · קווי מתאר 100, 400 · גופן סריף לכותרות ותתי-כותרות - משמש לכותרות ראשיות, שמות מוצרים וכותרות מדורים. הגופן הקל במיוחד של 100 נקודות עם פסיעה של 47 פיקסלים יוצר תחושה עריכתית גבוהה וכמעט דחוסה; צורות האותיות הדחוסות (גובה שורות של 0.87-0.90) מאפשרות למקם כותרות גדולות קרוב לטקסט הנלווה, תוך חיקוי פוסטר מודפס.
- Times — תַחֲלִיף: Times New Roman · קווי מתאר 400 · גוף הטקסט בצורת serif הוא בחירה בלתי צפויה עבור חנות מקוונת, ומעניק לאתר כולו תחושה ספרותית וקטלוגית. ריווח השורות הקטן (1.15) הופך את הפסקאות לקומפקטיות וקלות לקריאה.
- Helvetica Neue — תַחֲלִיף: Helvetica · קווי מתאר 100, 400 · טקסט קטן בממשק המשתמש, טקסט על כפתורים ומיקרו-טקסט מוגדרים בגופן 11 פיקסלים עם ריווח אותיות גדול (0.0730em), מה שיוצר תחושה של כתיבה באותיות גדולות גם בטמפרטורת גוף נוחה.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 15px |
| רדיוס הכפתור | 12px |
| רדיוס הכרטיס | 12px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 30-40px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Le Puzz ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Agence Foudre — עמוד השער של המגזין הוא בצבע ורוד רך המזכיר שפתון.
- INVERSA — מסוף שדה טופוגרפי בחצות. לוח פיקוד כהה, שבו גופן עריכה מסיבי ושכבה אחת של סמנים ירוקים ניאון מונחים על תמונות לוויין של כדור הארץ, כל תווית מונוכרום, כאילו קורא קואורדינטות של משימה.
- Acne Studios — חלל גלריה מינימליסטי מלא בצילומים תוססים - מגזין אופנה מונח על שיש
- GTE — מסוף מסחר מאחורי תאורת הגלריה
- Diabla — חצר ים תיכונית בצהריים – קירות ורודים דהויים מהשמש, סוכך בד אדום בוהק אחד וכותרות מערכת עם מחיקות נמתחות על פני השמיים.
- Subset — בוטיק עריכה עשוי מפשתן גולמי
- Cursor — סדנת קלף נעימה, מוארת בגחלים בוערות
- MindMarket — ספר אגדות נעים על נייר בצבע קרם - בד עריכה ידידותי שבו כותרות גדולות של אינטר ודמויות נייר גזורות מתקיימות יחד על משטח שטוף שמש ורך כמדבקה.
- Lamborghini — צבע מרכב שחור באולם התצוגה, מתחת לזרקורים - מכונית צהובה אחת
- Amplemarket — מקום עבודה שטוף שמש זרוע קונפטי
- Getharvest — שולחן כתיבה בשעת הזהב – קנבס קרם חם, גלויות לבנות תלויות על הבד, ולהבה כתומה בוהקת אחת
- Drive Capital — פוסטר רטרו לטיול בכביש על נייר חם