Slash
כספת חצות עם ספרי חשבונות מוזהבים
סלאש פועל במצב גלריה של חצות: בד קנבס כמעט שחור, גופן לבן, וגימור נחושת חם יחיד המשמש כפיסוק. כותרות מוצגות בגופן Ivy Presto, גופן דידון סריף בעל ניגודיות גבוהה המשמש בגדלים קיצוניים (עד 88 פיקסלים) - התנגשות זו של גופני סריף וסאנס-סריף היא סימן ההיכר של המערכת, ומעניקה לה משקל פיננסי ללא משקל התיווך של הבנקאות המסורתית. שאר ממשק המשתמש מאופק במכוון: גבולות דקים, פקדים בצורת גלולה, גוף טקסט קומפקטי של 16 פיקסלים, וסוויפ עדין כלפי מעלה כדי לאפשר לגופן לנשום. גרדיאנט זהוב יחיד (קו תרשים, מיקרו-גימורים) מוסיף חמימות למערכת המונוכרומטית, ומעורר את הזוהר החם של מסוף בלומברג שנבנה עבור קהל מעצבים.
התוכן ברוחב 1216 פיקסלים, ממורכז, עם מרווחים אנכיים של 160 פיקסלים. מסך הבית הוא בד ציור כהה ברוחב מלא עם קומפוזיציה מפוצלת: כותרת serif מיושרת לשמאל (רוחב 64-88 פיקסלים) עם שדה כתובת דוא"ל למטה, וכרטיס ממשק משתמש גדול של המוצר (צילום מסך של לוח המחוונים) מימין ברוחב של 50%. הסעיפים הבאים משתמשים בכותרת מרוכזת בת עמודה אחת (serif, רוחב 44-64 פיקסלים) עם כותרת משנה ב-Inter, ואחריה רשתות של שלוש עמודות של כרטיסים לתיאורי תכונות/המלצות/בלוגים. הניווט הוא סרגל עליון קבוע: לוגו משמאל, תפריט מרכזי (חברה, מוצרים, פתרונות, לקוחות, תמחור, שאלות נפוצות), כניסה מיושרת לימין (לא בולטת) ותחילת העבודה (אלמנט לבן). כותרת התחתונה כוללת רשת צפופה בת חמש עמודות של קישורים עם מידע על החברה והודעות משפטיות. הדף מתחלף בין מקטעי רשת עשירים בתוכן לבין סטטיסטיקות במסך מלא - הקצב נקבע על ידי הרווח הלבן הנדיב בין העמודות ולא על ידי צבעי רקע מתחלפים (הדף כולו מוצג כקנבס אחד ומאוחד).
הצילום הוא עריכתי ונטורליסטי: דיוקנאות חמים של המייסדים וחברי הצוות בסביבות העבודה האמיתיות שלהם (משרדים, חדרי מגורים, אתרי בנייה). התמונות ממלאות את מסגרות הכרטיסים מקצה לקצה, ללא ריפוד. גרדיאנט כהה משמש בתחתית כרטיסי ההמלצה כדי לשפר את קריאות הטקסט. האסתטיקה - "לינקדאין פוגש מגזין עריכה" - היא נינוחה, אנושית ומעט עמומה, לעולם לא מלוטשת עם צילומי סטוק. תמונות ממוזערות של מאמרים משלבות תצלומים עם קונספטים מאוירים (אדם עומד במבוך, אח עם שקי כסף). ממשק המשתמש של המוצר מוצג במצב כהה עם אטימות מלאה, מרחף מעל הדף על משטחים כהים עדינים - אלמנט מרכזי. הסמלים הם מונוכרום עם משיכות של 1 פיקסלים בצבע #2e3038 או #777a88, לעולם לא מלאים בצבע המותג.
לוּחַ הַצְבָעִים
נֵטרָלִי
- Bone
#e2e3e9— גודל גופן גדול לטקסט ראשי, תוויות נתונים מפורטות וגוון טקסט סטנדרטי ברוב רכיבי ממשק המשתמש. - Obsidian
#08080a— בד הציור של הדף, רקע הכותרת התחתונה, המשטח הכהה ביותר כמעט שחור עם גוון כחול עדין. - Onyx
#040406— פני השטח של הכרטיס, הרקע הנוסף, עמוקים צעד אחד יותר מהדף לצורך אפקט חזותי. - Carbon
#121317— פאנלים מורמים, מילוי ממשק משתמש דיסקרטי - הצעד הראשון הקל יותר באופן ניכר באבולוציה של Surface Stack - Graphite
#1c1d22— גבולות, חוצצים, מכלי סמלים, מחווני בקרה - גוון הצבע העדין ביותר שמגדיר מבנה. - Slate
#2e3038— גבולות נוספים, קווי סמלים מושתקים, מחיצות עדינות בין בלוקי תוכן.
טיפוגרפיה
מ-13 עד 88 פיקסלים · 9 צעדים
- Ivy Presto — תַחֲלִיף: Playfair Display · קווי מתאר 400, 500 · גופן סריף לכותרות ותתי-כותרות - משמש אך ורק לכותרות וכותרות מדורים בגודל 28 פיקסלים ומעלה. משיכות דידון בעלות ניגודיות גבוהה עם סריפים דקים יוצרות תחושה של יוקרה עריכתית; ריווח האותיות החיובי הקטן של 0.01 אלמ הוא יוצא דופן ומעניק לגופן מראה מודפס, דמוי חשבונאות. גופן סריף זה הוא כרטיס הביקור המרכזי של המותג - הוא מבדיל את Slash מכל חברות הפינטק SaaS האחרות המשתמשות כברירת מחדל בגופני סאנס-סריף גיאומטריים.
- Inter — תַחֲלִיף: Inter (self-hosted via Google Fonts) · קווי מתאר 300, 400, 500, 600, 700 · UI Sans - טקסט ראשי, ניווט, כפתורים, תוויות, קישורים, שדות טופס וכותרות משנה. הטקסט הראשי משתמש בגופן 300 עבור טקסט משני דיסקרטי; 500 משמש עבור טקסט בעל הדגשה בינונית ותוויות כפתורים; 600 שמור לתוויות קטגוריות הכתובות באותיות גדולות קטנות. ריווח אותיות שלילי יורד מ-2 (-3) ויורד ככל שהגודל יורד, דבר אופייני לקנה המידה האופטי של גופן Inter.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְרוּוָח |
| שלב בסיסי | 8px |
| רדיוס הכפתור | 9999px |
| רדיוס הכרטיס | 10px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 160px |
| רוחב העמוד | 1216px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Slash ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Modal — מסוף זרחני בחדר שרתים חשוך - מקור האור היחיד הוא בצבע ירוק בהיר
- AgentQL — זוהר הצפוני מעל הטרמינל בלילה
- GitHub — לוח פיקוד חלל עם נקודות בקרה ביולומינסנטיות - מרחב עבודה חשוך ואטמוספרי שבו זוהר ירוק יחיד מצביע על הדרך קדימה.
- Doppler — התאורה הסגולה של הכספת בחצות. הבד הכמעט שחור זוהר באות לבנדר יחיד ואור אישור ירוק, כל משטח מעוקל מספיק כדי שניתן יהיה לתפוס אותו.
- Basedash — מסוף נתונים חצות עם גופן מט. מצפה כוכבים חשוך שבו מדדים זוהרים בסגול וירוק, כותרות סריפיות מרחפות מעל הרעש, וכפתורים לבנים בצורת גלולה הם העצמים הבהירים היחידים בחדר של משטחים שחורים רכים.
- Superwhisper — הזוהר הצפוני מתמוסס מעל כוס חצות
- Better Stack — קונסולת SRE של חצות
- Langbase — קונסולת אורות הצפון של חצות
- Astro — בקרת משימת חלל עמוק עם זוהר סגול יחיד מערפילית
- Wayfinder — מסך סרט שחור עם כותרת בקושי נשמעת מרחפת מעל איור חי. הממשק הוא מחוון בהירות ולא לוח בקרה.
- HashiCorp — חדר הבקרה בחצות עם ניאון סגול הוא משטח טכני כהה שבו קובייה משושה זוהרת משמשת כהפניה צבעית יחידה.
- Umbrel — בור אש נעים בחדר השרתים הלילי - חדר חשוך שבו זוהר אפרסק בודד מדגיש את מה שחשוב באמת.