Electronic Materials Office
גחל לוהט בגלריה מעוטרת בפחם
משרד החומרים האלקטרוניים הוא סדנה לילית מאוחרת: בד קנבס שחור-מט, גחל כתום זוהר יחיד, וגופן לוחש במקום להצהיר. הממשק מתייחס לכל מסך כמו לאולפן חשוך - תמונות של המקלדת הן מקור האור האמיתי היחיד, וממשק המשתמש מציית לו. כותרות, המוצגות ב-GT-Flexa במשקל 200, מרחפות במרחב שלילי עצום; גוף הטקסט קטן במכוון ואנושי (טיימס). הצבע נמדד: לבן טהור לגופן, סגול עמום (#9e9eff) לקישורים, וקריאה לפעולה כתומה אחת (#f45500) בדף שזוהר בזוהר משלו של 30 פיקסלים. רכיבים מתאימים היטב ברדיוס של 20 פיקסלים, גבולות בקושי מורגשים ב-#9d9d9d, והצללים היחידים במערכת הם שתי הילות צבעוניות סביב הפעולה העיקרית.
קנבס ברוחב מלא בצבע פחם, עם תוכן מרוכז ברוחב מקסימלי (~1200 פיקסלים). המסך הראשי מתחיל בכרטיס מדיה ברדיוס של 20 פיקסלים המכיל סרטון מוצר, התופס כ-80% מרוחב חלון התצוגה, מיד אחריו כותרת GT-Flexa 200 מרוחב שורות שעוטפת כמעט את מלוא רוחב התוכן. קצב מדור: מדור תיאור מוצר יחיד באותיות גדולות בסגנון טוביאס, ואחריו רשת 2x2 (במחשב) של כרטיסי תיאור מוצר. הכרטיסים משתמשים בגבולות של 1 פיקסל #9d9d9d ומרזבים של 24 פיקסלים ביניהם. רווח אנכי נדיב - המדורים מופרדים על ידי 48-128 פיקסלים של שטח שלילי בצבע פחם ולא חוצצים. הניווט הוא פאנל יחיד ושקוף מעוגן בחלק העליון, עם אשכול של קישורים נסתרים וקריאה לפעולה יחידה של Ember. אין סרגל צד, אין תפריט-על, אין ניווט משני.
התמונות הן למטרות הדגמת מוצר בלבד - צילום מאקרו תקריב של מקלדת Altar I על רקע שחור לחלוטין, עם תאורה אחורית מלמעלה, הגורמת למארז לזהור ולמקשים להחזיר אור מסביב לקצוות. אין סגנון חיים, אין ידיים אנושיות, אין הקשר סביבתי. התמונות הן בעלות ניגודיות גבוהה וכהה; הצבע היחיד מחוץ לפלטת המונוכרומטית הוא מתג ההפעלה הכתום במקלדת עצמה, מהדהד את הקריאה לפעולה בצבע כתום אמבר. התמונות הן מרובעות או ביחס של 16:9, תמיד ממוקמות בכרטיסים ברדיוס של 20 פיקסלים ומשתרעות מעבר לקצוות הכרטיס (אין ריפוד סביב התמונה, והטקסט נמצא מתחת לקצה). סגנון אייקון: האיקונוגרפיה היחידה היא עיגול קטן וממולא (●) לפני הלוגו - נקודה כתומה אחת, בעובי של כ-6 פיקסלים.
לוּחַ הַצְבָעִים
מותג
- Ember Orange
#f45500— כפתור הפעולה הראשי עם מילוי הוא המשטח הכרומטי היחיד בממשק המשתמש, תמיד מלווה בהילה כתומה של 30 פיקסלים, מה שגורם לו לזהור כמו חוט סיבי; הזוהר החיצוני של 30 פיקסלים על כפתור השיחה הראשי משכפל את סמל המשושה הכתום-גחלי, אך קיים כצל ולא כמילוי, מה שגורם לכפתור להיראות מואר מבפנים.
נֵטרָלִי
- Studio Charcoal
#202020— משטחי הבד והקרטון הם כמו רצפת גלריה חשוכה, לעולם אינם שחורים לחלוטין, כך שהעין יכולה לנוח על הקצוות הרכים. - Bone White
#ffffff— טקסט ראשי, גבולות דקים על תמונות, ומשטח הפוך נדיר. כל היררכיית הגופנים נשמרת באופן עצמאי. - Ash Gray
#9d9d9d— טקסט מושתק, גבולות עדינים של כרטיסים וכיתובים לא פעילים הם הגוון האפור האמצעי היחיד בערכת הצבעים, המשמש כאשר לבן בולט מדי. - Mid Felt
#eaeaea— שטיפת שטח בהירה עבור פאנלים הפוכים או רשתות מודאליות - גוון של לבן שנמצא בין בז' לקנבס כהה. - Carbon
#000000— ההדגשה הבולטת ביותר היא עבור משיכות אייקונים ומסגרות מנוגדות שבהן בד הפחם בהיר מדי מכדי לשמור על צורתו היטב. - Lavender Link
#9e9eff— צבע הקישור המוטמע וקווי המתאר של מסגרת הפעולה הנוספת מהווים ניגוד עמום וקריר לכתום החם, מה שמבטיח שהפעולות קריאות על רקע הפחם.
טיפוגרפיה
מ-16 עד 86 פיקסלים · 8 צעדים
- GT-Flexa — תַחֲלִיף: Inter (200/400) or Manrope (200/400) · קווי מתאר 200, 400 · הגופן העיקרי לכותרות ואלמנטים דקורטיביים. משקל 200 מאפשר שימוש בכל כותרת מעל 24 פיקסלים - זהו סגנון ייחודי: ב-68 פיקסלים ו-86 פיקסלים, האותיות נראות כאילו מתמוססות באטמוספירה במקום לצעוק. משקל 400 מתאים לכותרות משנה וכיתובים בכרטיסים, שבהם הן בקושי נשמעות. ריווח השורות מצטמצם ל-1.0 בגדלים הגדולים ביותר, כך שהגופן הדקורטיבי נערם זה על גבי זה כמו עמוד אוויר.
- Tobias-light — תַחֲלִיף: Söhne Buch or Inter Tight · קווי מתאר 400 · סגנון טיפוגרפיה משני לכותרות מקטעים וללוגו של כותרת תחתונה. הוא משמש שלב אחד מתחת ל-GT-Flexa 200 כדי ליצור ניגודיות גוונית - ל-Tobias יש תחושה אדריכלית ואקספרסיבית יותר, בעוד של-GT-Flexa יש תחושה אטמוספרית יותר. ריווח האותיות השלילי מצמצם את הפרופורציות הרחבות של Tobias Light.
- Times — תַחֲלִיף: Source Serif 4 or PT Serif · קווי מתאר 400 · גוף הטקסט ופסקאות הכותרת הן ניגוד מכוון לגופנים הגיאומטריים והדקורטיביים, המשתמשים בסריפים. הסריפים מוסיפים חמימות וסמכות עריכה לתיאורי המוצר מבלי לחרוג מגודל גוף הטקסט.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 4-8px |
| רדיוס הכפתור | 20px |
| רדיוס הכרטיס | 20px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 48-128px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Electronic Materials Office ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- OFFFICE : — גלריית נואר עטופה בגופן מונוליטי
- Bibliothèque — גלריה שחורה בצורת קובייה תחת זרקור – צלחת מוארת בודדה באולם עצום וחשוך
- 21 TSI — חלל ארגמן, צללית אחת – מאמר מערכת אופנתי שבו ממשק המשתמש מתמוסס באטמוספירה
- Structured — גלריית רנסנס על נייר דמוי פלסטלינה
- CHAIBOY — קיר גלריה שחור עם תמונה אחת מוארת מאחור
- Holiday 100 — גלריית מתנות בחצות - כותרת סריפית משמשת כזרקור, בד קנבס כהה כקיר קטיפה, וכל תמונת מוצר תלויה כמו מסגרת שנבחרה בקפידה.
- Apple (España) — גלריית המוזיאון, באור יום רך, היא חלל לבן יחיד, שובה לב וחסר משקל, כאשר כל תערוכה מוארת בזרקור על קיר כהה קלות.
- Analogue — ויטרינת גלריה שחורה – סחורות מרחפות בחלל הריק
- Apple (España) — תצוגת גלריית אובסידיאן היא אולם תצוגה חשוך שבו חפץ טיטניום בודד זוהר על רקע שחור כמשהו.
- Studio Oker — גלריה חשוכה עם נגיעות ארגמן - חדר תיק עבודות מצופה בקירות שחורים, שבו אותיות לבנות נראות כמרחפות ולחישה אדומה אחת חותכת את הדממה.
- 099 SUPPLY — קיר גלריה מלא בחפצים בשחור לבן
- Retool — סדנת אובסידיאן חמימה - משטח לכלי עבודה מדויקים, מואר בגחלים בוערות, שבו הכל נוצר