Vivid+Co
אור פריזמטי דרך אובסידיאן
Vivid+Co פועלת בחלל קולנועי אפל: בד ציור כמעט שחור של #101010–#495764, שנקטע על ידי גוון יחיד, כמעט לבן (#fffdf9) המשמש כמעט לכל הגופנים ורכיבי הממשק. הטיפוגרפיה מעובדת בעיקר ב-Neue Montreal במשקל 400 - דחייה מכוונת של הדגשה, שבה סמכות מושגת באמצעות קנה מידה (136 פיקסלים ו-105 פיקסלים) ולא משקל. טכניקה ייחודית היא הפריזמה הכרומטית: בלוקים של אור רווי אדום/ירוק/כחול, מופרדים על ידי RGB, מסננים דרך קוביות זכוכית, ומשבשים את פני השטח המונוכרומיים. הפריסה ממורכזת ומרווחת; ניווט, גוף הטקסט והקישורים כולם בצבע #fffdf9 יחיד, ללא כפתורי הדגשה נפרדים, מילויים או צללים - בידול מושג באמצעות מרווח, קנה מידה ותפאורה של קשת בענן המשמשת כדגשת הצבע היחידה של המותג.
קנבס כהה ברוחב מלא עם עמודת תוכן אחת בגודל מקסימלי של כ-1440 פיקסלים. האלמנט העיקרי הוא ארטיפקט מנסרתי מרוכז עם כותרת חופפת (טקסט שחוצה את הקוביות) וכותרת משנה מיושרת לשמאל. הניווט ממוקם בסרגל עליון דק: הלוגו משמאל, ארבעה קישורים בלתי נראים מימין וכפתור "צור קשר" ייעודי בסוף השורה. קצב המקטעים מתחלף בין פאנלים ראשיים בגובה מלא לרצועות תוכן צרות יותר עם פערים של כ-108 פיקסלים. פריסת התוכן אינה סימטרית: הארטיפקט המנסרתי משמש כמרכז החזותי, והכותרות עוטפות אותו. בלוקי טקסט בעלי עמודה אחת הם בעלי רוחב מרבי של כ-440 פיקסלים; רשתות מרובות עמודות, מטריצות כרטיסים וטבלאות תמחור נעדרות. הכותרת התחתונה היא רצועה דקה, המחולקת בקו דק, עם שתי עמודות של מטא-נתונים.
אלמנט העיצוב העיקרי הוא תמונה תלת-ממדית מופשטת של קוביות זכוכית עם סטייה כרומטית בקצוות, מופרדות על ידי צבע RGB. אין תצלומים, אין תמונות של אנשים, אין צילומי מוצר. הפריזמה היא תמונת המותג; כל השאר הוא טיפוגרפיה מונוכרום על בד כהה. האיקונוגרפיה מינימלית: תוויות ניווט עדינות ודגש קטן של סמן/גליף (אזור 142765) בסוף אחת הכותרות רומזים על סמל יחיד, מונולינארי בגודל 16 פיקסלים. אין איורים, אין דוגמאות דקורטיביות, אין טקסטורות.
לוּחַ הַצְבָעִים
נֵטרָלִי
- Bone White
#fffdf9— הטקסט הראשי, תוויות הניווט, צבע הקישורים ומילוי הכותרת כמעט לבנים, ותופסים את כל המשטחים הטיפוגרפיים על גבי בד ציור כהה. - Obsidian
#101010— בד הציור של הדף, מילוי הרקע לפסים הראשיים והמפרידים, הוא בצבע שחור עמוק עם חפץ מנזר בתוכו. - Graphite Veil
#495764— מאחורי הכותרות ובלוקי התוכן, צפחה כהה וקרירה שולטת, המעניקה לקנבס עומק ללא שימוש בשחור שטוח. - Ash Border
#403f3f— קו הפרדה עדין וקווי מתאר של כרטיס משמשים ב-1px כדי להפריד שורות מבלי להתחרות עם הטקסט. - Fog Blue
#6f879c— טקסט משני עדין ותוויות כפתורים עדינות (ניגודיות 3.7:1) – ייעודי קטגוריות שירות כגון "אסטרטגיה", "קריאייטיב", "תקשורת + שיווק" נתפסים כמטא-דאטה לא מודגשים. - Pure Black
#000000— מילוי דקורטיבי עבור סמלים ואיורים של SVG - משמש בתמונת הפריזמה ובגליפים של סמלים; לא כרקע.
טיפוגרפיה
מ-15 עד 136 פיקסלים · 9 צעדים
- Neue Montreal — תַחֲלִיף: Söhne · קווי מתאר 400, 700 · הגופן הבלעדי משמש בכל רחבי ממשק המשתמש - כותרות, גוף הטקסט, ניווט, כפתורים, קישורים וכותרת תחתונה. משקל של 400 הוא ברירת המחדל; משקל של 700 שמור לכותרות משנה בלבד. כותרות עם משקל של 105 פיקסלים ו-136 פיקסלים כוללות מרווח שורות של 1.00-1.01 אלמ וריווח אותיות של -0.02 אלמ, מה שיוצר כותרות קולנועיות ומוערמות שמרגישות פיסוליות יותר מאשר טיפוגרפיות.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְרוּוָח |
| שלב בסיסי | 7px |
| רדיוס הכפתור | 0px |
| רדיוס הכרטיס | 15px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 108px |
| רוחב העמוד | 1440px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Vivid+Co ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Sequel — הקרנה פרטית לאחר רדת החשיכה היא האור החם היחיד בקולנוע חשוך בדרך כלל.
- ThoughtLab — אנדרטה עשויה אובסידיאן עם אות ארגמן. בד ציור של ריקנות שחורה, שבו האובייקט האדום הרווי היחיד בקתדרלה, המודפס באותיות לבנות גדולות, הוא דמות כרומטית אחת.
- Dovetail — תוכנית אב תחת ירח שחור - קווי גרף בקושי נראים לעין, גופן לבן, נצנוץ סגול אחד
- MekaVerse — גלריה מונוכרום של חפצים דיגיטליים - חלל שחור מוצק שבו העולם המעובד תלוי כמו תערוכה במוזיאון, וכל ממשק המשתמש עשוי דיו לבן על זכוכית שחורה מט.
- Krea — גלריית נואר בחצות
- Factory — מסוף "חדר המלחמה" בחצות. ה"מפעל" הוא לוח בקרה שחור בוהק שבו נוחת כרטיס לבן יחיד כמו משגר מואר בפנס - האובייקט היחיד בחדר הוא העבודה עצמה.
- basement — מכונת דפוס ריקה בשעה 3 לפנות בוקר – גופנים ענקיים ודחוסים מתפרסים על פני האפלה המוחלטת, נצנוץ בודד של אור כתום על סרגל הניווט, כל השאר לבן או אפור רפאים.
- Stink Studios — אולפן סרטים בחצות - המקרן מזמזם, החדר חשוך, רק הסרט מואר
- Apple (España) — תיאטרון שחור עם גופי תאורה
- Charlie — טיפוגרפיה חרוטה מאבן מנזר על גבי אובסידיאן. תיק עבודות שבו קיר אדום בודד יוצר דממה מחרישת אוזניים.
- Rive — ראיית לילה מדויקת במיוחד. הממשק כולל עדשה מיוחדת שחודרת את החושך כדי להתמקד בפרטים טכניים בבהירות מוחלטת.
- Datalands — קתדרלה שחורה עם פעימת ניאון אחת. הלוגו ממלא את הספינה הראשית; כל השאר הוא טקסט בקושי נשמע מתחת.