Modal
מסוף זרחני בחדר שרתים חשוך - מקור האור היחיד הוא בצבע ירוק בהיר
המודאל מתפקד כמו מסוף זרחני בחדר שרתים חשוך: בד קנבס כמעט שחור, גופן ירוק חיוור, וגימור ירוק-ליים בוהק יחיד המשמש כמחוון מצב LED. שפת העיצוב ממוקדת במפתחים - חלונות קוד חד-מרווחים עם נקודות רמזור, אייקונים תלת-ממדיים איזומטריים בגוון הירוק הייחודי, ושפע של רווח לבן, המאפשר לאלמנט אחד בכל מקטע לזהור. הטיפוגרפיה מחולקת בין גופן מותאם אישית (Goga) לכותרות וגופן משתנה (Inter) לכל רכיבי ממשק המשתמש, שניהם מוגדרים עם מעקב שלילי צר. הצבעים מחולקים באופן שווה: רוב המסכים הם אכרומטיים, והצבע הירוק-ליים הבוהק מופיע רק בפעולות מפתח, בלוגו, באיורים תלת-ממדיים וברגעי הדגשה. הרכיבים שטוחים וחסרי מסגרת, עם עומק שנוצר באמצעות גבולות ירוקים עדינים וטשטוש רקע במקום צללים.
המודאל משתמש בפריסה כהה ברוחב מלא עם רוחב מקסימלי של 1280 פיקסלים כדי להתאים את התוכן. חלון הכותרת הראשי ממורכז: הכותרת (המשפט הראשון בירוק ליים), כותרת משנה, שתי קריאות לפעולה ואובייקט תלת-ממדי יחיד כעוגן ויזואלי - מבלי להפריד את הפריסה מסרגל הצד. מקטעי התוכן עוקבים אחר קצב אחיד: תג גבות (אותיות גדולות, Moss 70) → כותרת Goga → טקסט גוף מושתק, לאחר מכן פריסה בת שתי עמודות עם תיאור מאפיין (טקסט + קוד/כרטיס ויזואלי) או רשת של כרטיסים בת שלוש עמודות. המרווחים בין המקטעים נדיבים - 80 פיקסלים. הדף מתחלף בין פסים ריקים עמוקים (#000000) ורקע בהיר מעט יותר (#181818), כאשר מקטע בהיר אחד (#def0dd) מופיע באמצע הדף כהפסקה ויזואלית. הניווט מורכב מסרגל עליון יחיד וקבוע עם רקע מטושטש - ללא סרגל צד או תפריט-על. כותרת התחתונה קומפקטית וכהה, עם עמודות קישורים ירוקות מושתקות. צפיפות הטקסט נוחה: לכל מקטע ניתן מרחב נרחב, ורשתות הכרטיסים משתמשות בלא יותר משלוש עמודות.
השפה החזותית של Modal מחולקת לשני מצבים: עיבוד מוצר זוהר בתלת-ממד ומחקי חלונות קוד כהים. נקודת המוקד היא קובייה תלת-ממדית אחת המעובדת באמצעות גרדיאנט שיווקי (מירוק ליים לאזמרגד), הממוקמת בתוך הילה גרדיאנט רדיאלית הרוחצת את החלל הריק באור ירוק - הסגנון החזותי המאפיין את המותג. כרטיסי עומס עבודה מכילים אייקונים תלת-ממדיים איזומטריים (קוביית wireframe, גרם מדרגות מלא, שכבות) המעובדים באותו ירוק ליים על רקע כהה. תוצאות קוד וביצועי ביצועים מוצגים ככרטיסי חלון מסוף עם נקודות רמזור, הדגשת תחביר חד-מרווחית בלוח צבעים זרחני וגבול ירוק עמום - הם דומים לצילומי מסך של ממשק שורת פקודה אמיתי. לוגואי הלקוח מוצגים כתוויות ירוקות-אפורות לא רוויות בשורה אחת בעלת ניגודיות נמוכה, המאותתת על אמון ללא תחרות חזותית. הצפיפות הכוללת נמוכה - רוב העמודים מכילים בעיקר טקסט, ותמונות מוצגות כנקודות מוקד בודדות ולא כרשתות של תמונות. אין תמונות; כל המערכת החזותית מעובדת, גיאומטרית וקורנת.
לוּחַ הַצְבָעִים
מותג
- Lime Pulse
#7fee64— המרכיבים העיקריים של זהות התאגידית הם הלוגו, הקריאה לפעולה (CTA), מילוי התגיות, מצבים פעילים וצבע האיור הבסיסי.
נֵטרָלִי
- Phosphor White
#ddffdc— הטקסט הראשי, צבע הכותרת, קווי המתאר של הסמל וטקסט הכפתור המלא הם המשטח הקריא העיקרי. - Void Black
#000000— בד קנבס של דף, שכבת הרקע העמוקה ביותר - Ground Iron
#181818— מילוי כפתורים ראשי, משטחי כרטיסים באזורים כהים, משטח בסיס של ממשק המשתמש. - Carbon Veil
#212525— משטחים גבהים, רקע ניווט, מעט בהירים יותר מהקרקע. - Circuit Border
#485346— מסגרת הפעולה של קווי המתאר/רוחות הרפאים, הקו הדק האינטראקטיבי הראשי, הוא בגוון אפור-ירקרק עמום. - Phosphor Blue-Black
#1f2a33— קווי סימון דקים משניים, המחלקים משיכות בין פסים כהים.
טיפוגרפיה
מ-12 עד 64 פיקסלים · 8 צעדים
- Goga — תַחֲלִיף: Inter Tight or Space Grotesk · קווי מתאר 400, 500 · גופן כותרת וכותרת משנה – משמש לכל הכותרות והכרטיסים H1–H4. Goga הוא גופן סאנס-סריף גיאומטרי מותאם אישית עם פתחים צרים וסיכות מעט מרובעות. המשקל הבינוני (500) שמור להדגשת כותרות ברמת הכרטיס; המשקל הרגיל (400) משמש לכותרות ראשיות וכותרות מקטעים. כדי לגשת לצורות הגליף החלופיות המגדירות את זהות Modal, יש להפעיל את ערכת הסגנונות 'ss01'. ריווח אותיות שלילי יורד בהדרגה מ-0.007em ב-48 פיקסלים ל-0.017em ב-21 פיקסלים.
- Inter Variable — תַחֲלִיף: Inter · קווי מתאר 400, 500 · ממשק משתמש וגוף הטקסט – ניווט, כפתורים, גוף הטקסט, תוויות, כותרת תחתונה. משקל בינוני (500) משמש כברירת מחדל עבור אלמנטים אינטראקטיביים וניווט; משקל רגיל (400) משמש עבור פסקאות. ריווח האותיות מצטמצם באופן ניכר גם בגדלים קטנים (-0.026em ב-14 פיקסלים, -0.022em ב-16 פיקסלים), מה שנותן לממשק צפיפות דחוסה וסופית. עבור פיסוק חלופי, יש לכלול את גרסת התווים 'cv11'. תוויות באותיות גדולות בלבד ב-12 פיקסלים משתמשות בריווח אותיות של +0.05em כדי לאזן את צפיפות גוף הטקסט.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְמוּצָע |
| שלב בסיסי | 20px |
| רדיוס הכפתור | 12px |
| רדיוס הכרטיס | 8px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 80px |
| רוחב העמוד | 1280px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Modal ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Slash — כספת חצות עם ספרי חשבונות מוזהבים
- AgentQL — זוהר הצפוני מעל הטרמינל בלילה
- GitHub — לוח פיקוד חלל עם נקודות בקרה ביולומינסנטיות - מרחב עבודה חשוך ואטמוספרי שבו זוהר ירוק יחיד מצביע על הדרך קדימה.
- Doppler — התאורה הסגולה של הכספת בחצות. הבד הכמעט שחור זוהר באות לבנדר יחיד ואור אישור ירוק, כל משטח מעוקל מספיק כדי שניתן יהיה לתפוס אותו.
- Basedash — מסוף נתונים חצות עם גופן מט. מצפה כוכבים חשוך שבו מדדים זוהרים בסגול וירוק, כותרות סריפיות מרחפות מעל הרעש, וכפתורים לבנים בצורת גלולה הם העצמים הבהירים היחידים בחדר של משטחים שחורים רכים.
- Superwhisper — הזוהר הצפוני מתמוסס מעל כוס חצות
- Better Stack — קונסולת SRE של חצות
- Langbase — קונסולת אורות הצפון של חצות
- Astro — בקרת משימת חלל עמוק עם זוהר סגול יחיד מערפילית
- Wayfinder — מסך סרט שחור עם כותרת בקושי נשמעת מרחפת מעל איור חי. הממשק הוא מחוון בהירות ולא לוח בקרה.
- HashiCorp — חדר הבקרה בחצות עם ניאון סגול הוא משטח טכני כהה שבו קובייה משושה זוהרת משמשת כהפניה צבעית יחידה.
- Umbrel — בור אש נעים בחדר השרתים הלילי - חדר חשוך שבו זוהר אפרסק בודד מדגיש את מה שחשוב באמת.