Vercel
טרמינל מודפס על נייר לבן
מערכת העיצוב של Vercel היא תרגיל במונוכרום ממושמע: בד קנבס כמעט לבן (#fafafa), גופן שחור, גבולות דקים והיעדר מוחלט של צבע דקורטיבי. השפה החזותית מזכירה טרמינל של מפתח המוצג בדפוס - Geist Sans בקושי קריא בקנה מידה "הרואי" עם משקל של 400-450 ורווח אותיות של -0.06em, בעוד Geist Mono מיישמת תוויות, מטא-דאטה ודוגמאות קוד בכפות של 11-13 פיקסלים. הכפתורים הם רדיוסים חדים של 6 פיקסלים או מלבנים של שחור טהור על לבן או לבן על שחור. המערכת מסתמכת על ניגודיות והיררכיה טיפוגרפית ולא על צבע, תוך שימוש בסימן המשולש (▲) ובסימן מילים בן שתי שורות כאלמנטים המיתוג היחידים. המשטחים מוערמים זה על גבי זה בסדר #fafafa → #ebebeb → #171717, ויוצרים עומק באמצעות שינוי ערכי גוון במקום צל או צבע. כל אלמנט בנוי על רשת של 4 פיקסלים עם צפיפות קומפקטית, וכתוצאה מכך נוצר ממשק המזכיר מחברת של מהנדס - מדויק, פונקציונלי וללא פחד מרווח לבן.
המכולה היא ברוחב 1280 פיקסלים, ממורכזת, עם ריפוד אופקי נדיב (24-48 פיקסלים). הבלוק הראשי משתמש בקומפוזיציה אסימטרית בת שלושה אזורים: כותרת גדולה משמאל, גליף של מותג ממורכז ובלוק "גבות" מימין. מתחת לבלוק הראשי, התוכן מסודר בפסים מתחלפים: פס ברוחב מלא עם לוגו הלקוח, ואחריו מדור "יוצרי סוכנים" בן שתי עמודות עם הכותרת משמאל ופריסת מוצר מימין, ואחריו רשת של שלושה כרטיסים עם מאפיינים. המדורים מופרדים על ידי מרווחים אנכיים של 96-128 פיקסלים ללא חוצצים או היסט רקע. הניווט הוא פאנל קבוע יחיד של 64 פיקסלים עם רקע מטושטש. רשתות כרטיסים משתמשות באופן עקבי בפריסה של שתיים או שלוש עמודות עם מרווחים של 16-24 פיקסלים. הצפיפות הכוללת היא קומפקטית - הטקסט קל לקריאה, יש שטח לבן נרחב, אך גודל הגופן וגודל הרכיבים מונעים מהדף להרגיש אוורירי.
התמונות דלילות ותמיד פונקציונליות. האלמנט החזותי העיקרי הוא המשולש השחור (▲) - סימן מותג גיאומטרי המופיע כצללית מרחפת בקנה מידה "גדול". לוגואי הלקוחות על פס הוכחת ההיתכנות משתמשים בסימני המילים האמיתיים של כל מותג בגווני אפור. דגמי מוצרים (ממשק הצ'אט של Notion, פלט מסוף CLI, כרטיס דרכון) מוטמעים כצילומי מסך במצב בהיר בתוך כרטיסים ממוסגרים. אין תצלומים, איורים או אלמנטים תלת-ממדיים - המערכת היא טיפוגרפיה וצורות גיאומטריות טהורות על נייר לבן.
לוּחַ הַצְבָעִים
נֵטרָלִי
- Obsidian
#171717— כותרות ראשיות, גבולות ניווט, מילוי כפתורים כהה וסמני רשימה כולם כמעט שחורים, תוך הימנעות מחומרה ורוויה צעקנית. - Paper White
#fafafa— בד הציור של הדף, משטחי הכרטיס, המילוי הבהיר של הכפתורים - זהו הרקע הסטנדרטי שעליו נמצא כל השאר. - Pure White
#ffffff— משטחי כרטיסים מורמים, הכנסות, שדות קלט. - Hairline
#ebebeb— גבולות של 1px על כפתורים, קישורים וכרטיסים גלויים ברמות זום גבוהות, אך בלתי נראים ברמות זום נמוכות. - Ash
#c9c9c9— טקסט מושבת, תוויות מושתקות, סימני מים של מותגים בלוגואים של לקוחות. - Smoke
#a8a8a8— טקסט משני, טקסט מציין מיקום, מילוי סמלים עדין.
טיפוגרפיה
מ-11 עד 64 פיקסלים · 6 שלבים
- Geist Sans — תַחֲלִיף: Inter · קווי מתאר 400, 450, 500 · הגופן העיקרי לממשק ולכותרות הוא גופן סאנס-סריף גיאומטרי מעוצב בהתאמה אישית של Vercel עם ריווח אותיות צר בגדלים גדולים (-0.06em ב-56-64 פיקסלים, -0.05em ב-30 פיקסלים). עבור הכותרות בראש העמוד, נבחר משקל של 450: עבה יותר מ-Light אך קל יותר מ-Semi-Bold, מה שיוצר גוון בטוח אך לא שתלטני.
- Geist Mono — תַחֲלִיף: JetBrains Mono · קווי מתאר 400, 500, 600 · גופן משני בעל מרווח אחיד עבור כיתובים, בלוקי קוד, לוחות פלט של ממשק שורת פקודה (CLI), מטא-דאטה וטקסט באותיות גדולות. שילוב 8px/600px/אותיות גדולות מאפשר מיקום מדויק של סימני מילים זעירים. ריווח רחב בין אותיות (0.071em) בגרסה בעלת המרווח החד מספק מרחב נרחב לטקסט באותיות גדולות.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 12px |
| רדיוס הכפתור | 6px |
| רדיוס הכרטיס | 6px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 96-128px |
| רוחב העמוד | 1280px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Vercel ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Headspace — פינת בריאות שטופת שמש על נייר חם
- WHOOP — מעבדת הופעות בחצות - שולחנות מעבדה קליניים לבנים תחת חלל תיאטרלי שחור, פעימה סגולה אחת של חשמל
- Together AI — קונסולת מחקר על נייר קרחוני
- v0 by Vercel — שרטוט מחרטה. דיוק ופונקציונליות הם בעלי חשיבות עליונה, כאשר כל אלמנט משרת מטרה ברורה על משטח נקי ומושלם מבחינה טכנית.
- Dovetail — תוכנית אב תחת ירח שחור - קווי גרף בקושי נראים לעין, גופן לבן, נצנוץ סגול אחד
- Glideapps — שולחן שרטוט מונוכרום עם נצנוץ טורקיז חשמלי אחד
- Timescale — רישום הנדסי על נייר גרפים חם
- UGLYCASH — מחברת מכוסה מדבקות על נייר בצבע קרם משדרת אווירה של פינטק נועז ומקסימליסטי, המציגה בגאווה את הכאוס שלה.
- Sprout Social — נבט ירוק על צפחה שחורה. הדגשה בהירה אחת על בד מונוכרום קפדני, שצבעו משמש רק לפעולה, עם גופן גיאומטרי בטוח המשמש כסימני דרך.
- Krea — גלריית נואר בחצות
- Evergreen — חממה סולארית על נייר פשתן
- Factory — מסוף "חדר המלחמה" בחצות. ה"מפעל" הוא לוח בקרה שחור בוהק שבו נוחת כרטיס לבן יחיד כמו משגר מואר בפנס - האובייקט היחיד בחדר הוא העבודה עצמה.