MAKR
ארון תצוגה במוזיאון למוצרי עור בעבודת יד. חדר שקט ולבן לחלוטין, שבו תוויות בדיו שחורה וחמה מרחפות מתחת לתמונות גדולות של מוצרי עור המוחזקות ביד או על רקע נופים, כאשר הניגוד הצבעוני היחיד הוא פס עמום של מרווה.
MAKR היא גלריית עריכה מקוונת המוקדשת למוצרי עור בעבודת יד, הבנויה על פלטה כמעט אכרומטית שבה הצילום הוא האלמנט הדומיננטי. גוון באנר יחיד, כמעט אפור (עם רמז עדין של מרווה) מדגיש את פס המודעות העליון, בעוד שכל השאר - משטחים, טקסט, חוצצים, קישורים - מוצג בדיו שחור עמוק וחם על רקע לבן. הטיפוגרפיה היא ניאו-גרוטסקית של סונה במיטבה: גופנים קטנים, מרווח שורות נדיב וריווח חיובי לאותיות גדולות בכיתובים מרגישים כמו טקסט על קיר גלריה, לא כמו ממשק אינטרנט. הפריסה נשלטת על ידי תמונה, אסימטרית ומינימליסטית, כמו מוזיאון: אובייקטים מצולמים ביד, בנופים, באור טבעי, עם כיתובים זעירים דמויי קישורים מתחתם. הרכיבים כמעט בלתי נראים - קישורי טקסט בקו תחתון, שדות קלט נסתרים, ללא צללים, ללא כפתורים מעוגלים - מה שמאפשר לעור ולצילום למלא תפקיד מרכזי בעיצוב המותג.
פריסה מקצה לקצה ללא הגבלת רוחב תוכן מקסימלי - תמונות ממלאות את כל חלון התצוגה. מודעת הבאנר העליונה תופסת את מלוא הרוחב, ואחריה ניווט כותרת ברוחב מלא. אזור התוכן הראשי משתמש ברשת תמונות מרובת עמודות (2-3 עמודות במחשב שולחני) עם אפס או מינימליות של מרווחים, המאפשרים לתמונות ליצור מבנה חזותי משלהן. טקסט וקישורים ממוקמים ברווחים לבנים מתחת לתמונות, ללא חפיפה. מדורי עריכה מתחלפים בין רשתות מוצרים לתמונות בסגנון לייף סטייל ברוחב מלא. הקצב האנכי נדיב (80-1.5 מרווחים בין מדורים), ויוצר תחושה של שיטוט בגלריה. מודאל ההרשמה לניוזלטר הוא פאנל קבוע, למטה משמאל; פאנל הרשמה הניתן לסגירה ממוקם בתחתית חלון התצוגה. הרושם הכללי הוא של קטלוג מוזיאון או פריסת עריכה, ולא פריסה טיפוסית של מסחר אלקטרוני.
צילום הוא התוכן והשפה המרכזיים של המותג. שני מינונים מתקיימים במקביל: (1) צילומים גדולים בשחור-לבן של המוצר ביד, מרובעים או חתוכים ביחס של 3:4, עם ניגודיות גבוהה, האובייקט ממלא את הפריים ללא הקשר של סגנון חיים; (2) תמונות סגנון חיים בצבע מלא באור טבעי וחם, נופים בגוונים אדמתיים, דוגמניות בתנועה עם תיקים, שצולמו מזוויות נמוכות עם עומק שדה רדוד. החלופה בין תמונות בגווני אפור לתמונות בצבע מלא יוצרת קצב ויזואלי יחיד בדף. ללא איורים, ללא עיבודים תלת-ממדיים, ללא גרפיקה מופשטת. תמונות תופסות את כל הדף או משתרעות על פני כל רוחב הדף, בתאי רשת עם רדיוס אפס וללא גבולות. אייקונים נעדרים או מינימליים - צלב פשוט לסגירה, ולא יותר.
לוּחַ הַצְבָעִים
נֵטרָלִי
- Obsidian Ink
#1c1717— הטקסט הראשי, כל קישורי הטקסט, גוף הטקסט, הכותרות, קווי המתאר של הסמלים וקווי הגבול העדינים לאורך ממשק המשתמש. זהו הצבע העיקרי - יחס של 17.7:1 על רקע לבן, המשמש ביותר מ-5,000 מקרים. הגוון החם העדין מאוד שלו (לא שחור טהור) מעניק לכל הממשק תחושה של קטלוג מודפס ולא של מסך. - Paper
#ffffff— גבולות דקים, חוצצים, קווי מתאר של שדות קלט וקצוות כרטיסים על משטחים בהירים. הימנעו משימוש בצבע זה כצבע העיקרי עבור כפתורי קריאה לפעולה. - Bone
#f0f0f0— משטח משני לסירוגין של מקטעים, יצירת רקעים עדינים של פאנלים וגבולות/מחיצות פנימיים. הוא יוצר גוון אפור חם ועדין בין הלבן של הנייר לירוק הבהיר של המודעה. - Eucalyptus Mist
#a9aea9— רקע מודעת הבאנר בראש העמוד, מעברי צבע עמומים בין מקטעים ומסגרת שלישונית. בפני עצמה, היא נראית כמעט אפורה, אך כאשר משתמשים בה לאורך כל הרוחב, היא מקבלת גוון מרווה עדין - הדגשת הצבע היחידה בסכימה המונוכרומטית.
טיפוגרפיה
מ-11 עד 32 פיקסלים · 5 שלבים
- Sohne Web — תַחֲלִיף: Inter · קווי מתאר 400 · כל סגנון הממשק - הטקסט הראשי, הניווט, הקישורים, הכותרות, הכפתורים, שדות הקלט, הסמלים וכיתובי התמונות - נמצאים בשימוש. גופן Sohne במשקל 400 (לא נמצאו גרסאות מודגשות) מעניק ל-MAKR את הבעתו השקטה אך הבטוחה: המידע מועבר באמצעות גודל וריווח אותיות, ולא באמצעות ניגודיות משקל. חלופות: Inter, Söhne או Untitled Sans.
- CircularXXMonoWeb — תַחֲלִיף: JetBrains Mono · קווי מתאר 400 · משמש רק להוראות טכניות או מפרטי מוצר מזדמנים - לחישה חד-מרווחית ששוברת את הקצב הנאו-גרוטסקי. יש להשתמש במשורה: קוד מוצר, מפרטי חומרים, לא יותר. יש להחליף ב: JetBrains Mono או IBM Plex Mono.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 5-8px |
| רדיוס הכפתור | 0px |
| רדיוס הכרטיס | 0px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 80-120px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון MAKR ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- FARFETCH España — גלריית אופנה בסגנון "קובייה לבנה". דמיינו חלל קמעונאי יוקרתי שבו הקירות, הרצפות והגוונים צבועים בלבן, ורק הבגדים והאנשים שלובשים אותם יוצרים כל גוון, מרקם וביטוי חזותי.
- Franco Maria Ricci Editore — קטלוג גלריית ארט דקו - קווי זהב מלוטשים על קלף לבן וברור
- Laura Monin — קיר גלריה עריכה, שיש לבן, חותמת דיו
- OhDada — קיר גלריה עריכה
- Cursor — סדנת קלף נעימה, מוארת בגחלים בוערות
- Structured — גלריית רנסנס על נייר דמוי פלסטלינה
- MindMarket — ספר אגדות נעים על נייר בצבע קרם - בד עריכה ידידותי שבו כותרות גדולות של אינטר ודמויות נייר גזורות מתקיימות יחד על משטח שטוף שמש ורך כמדבקה.
- Airbnb — קיר גלריה לבן ושקט עם סימניה אדומה אלמוגית אחת
- Apple (España) — גלריית המוזיאון, באור יום רך, היא חלל לבן יחיד, שובה לב וחסר משקל, כאשר כל תערוכה מוארת בזרקור על קיר כהה קלות.
- Lamborghini — צבע מרכב שחור באולם התצוגה, מתחת לזרקורים - מכונית צהובה אחת
- Amplemarket — מקום עבודה שטוף שמש זרוע קונפטי
- Getharvest — שולחן כתיבה בשעת הזהב – קנבס קרם חם, גלויות לבנות תלויות על הבד, ולהבה כתומה בוהקת אחת