Linear
מכשיר דיוק חצות
מערכת העיצוב הליניארית היא מרכז פיקוד לילי הבנוי על משטחים כמעט שחורים (#08090a) עם גופן לבן חד וגוון ירוק-ליים יחיד (#e4f222) שמתפקד כפנס פונקציונלי - קטן, בעל ניגודיות גבוהה, ומשמש במשורה כדי לציין פעולות. הממשק מתייחס לחושך כבסיס ולא כנושא: הטקסט הוא לבן חד עם ריווח אותיות צר (-0.022em), משקלי הגופנים נמצאים בטווח הנמוך של 400-510 ולא מודגשים, והגבולות דקים במיוחד (0.5 פיקסלים) כדי לאפשר לגיאומטריה לעשות את העבודה שבדרך כלל נעשית על ידי צללים. הרכיבים מרגישים מעוצבים במדויק - רדיוסים של 6 פיקסלים ו-12 פיקסלים, שוליים קומפקטיים של 8-12 פיקסלים, וחוסר כמעט מוחלט של אלמנטים דקורטיביים - מה שמאפשר לממשק המשתמש של המוצר (כרטיסי משימות, לוחות קאנבן, פאנלים של סוכני בינה מלאכותית) להיות המרקם החזותי היחיד במערכת רגועה אחרת.
לפריסה רוחב מקסימלי של כ-1200 פיקסלים, במרכז, עם רקע כהה המשתרע עד לקצוות חלון התצוגה. האלמנט העיקרי הוא כותרת גדולה, מיושרת לשמאל (64-72 פיקסלים), בשילוב עם קריאה לפעולה (CTA) מיושרת לימין, ולאחר מכן צילום מסך גדול של המוצר המשתרע מעט מעבר לרוחב המקסימלי. קצב הסעיפים מתחלף בין קומפוזיציות של שתי עמודות עם טקסט משמאל ותמונה מימין, לבין רצועות תצוגה של מוצרים ברוחב מלא המופרדות על ידי מרזבים אנכיים של 96 פיקסלים. הפס עם לוגו הלקוח הוא שורה אופקית אחת. הדף לעולם לא משתמש ברשתות כרטיסים של שלוש עמודות או במבנים מרוצפים - צפיפות המידע נשארת נמוכה, כאשר רוב הסעיפים משתמשים ברווח לבן נרחב ואלמנט מוקדי יחיד על המסך. הניווט הוא סרגל עליון קבוע עם לוגו מיושר לשמאל וקישורים מיושרים לימין, ללא סרגל צד או תפריט-על.
השפה החזותית של Linear מבוססת על צילומי מסך של המוצר: האיורים בתחילת הדף ובקטעים בהם הם תמונות אמיתיות של ממשק המשתמש של אפליקציית Linear, שנלכדו בפירוט מרבי - כרטיסי משימות, לוחות קאנבן, לוחות מחוונים של סוכני בינה מלאכותית, לוחות פקודות - הממוקמים במסגרות דקות. אין תמונות סטוק, אין תמונות לייפסטייל, אין איורים מופשטים. הלוגואים מוצגים כפס אפור ניטרלי (#8a8f98) בגודל אחיד עבור הלקוחות. האייקונים הם תמונות SVG ליניאריות מינימליסטיות בגוון אפור מונוכרומטי. צילום המסך בראש הדף צף על גרדיאנט ליניארי עדין (מכהה לבהיר), ויוצר עומק אטמוספרי מבלי להשתמש בנופים אמיתיים. כל אלמנט ויזואלי הוא אלמנט פונקציונלי של המוצר עצמו.
לוּחַ הַצְבָעִים
מותג
- Acid Lime
#e4f222— כפתורי הבקרה העיקריים ומחווני הניווט הפעילים הם הדגשה בהירה ששובר את ערכת הצבעים המונוכרומטית.
נֵטרָלִי
- Mist
#d0d6e0— כותרות משניות, טקסט כפתורים על משטחים כהים - Void
#08090a— קנבס של דף, תמונת רקע ברוחב מלא - כברירת מחדל, כל האלמנטים ממוקמים על רקע זה. - Carbon
#0f1011— משטחי כרטיסים, סרגלי ניווט, נמצאים שלב מעל בד הציור למיקום תוכן בתוך כרטיסים. - Obsidian
#161718— משטחים מורמים, לוחות קרטון עמוקים יותר - Graphite
#23252a— גבולות עדינים, מפרידים, קווי מתאר עדינים של כפתורים – קצוות מרקמים בעלי ניגודיות נמוכה - Smoke
#383b3f— לגבולות דקים יש ניגודיות גבוהה יותר מאשר לגרפיט - מפרידי מקטעים.
טיפוגרפיה
מ-13 עד 72 פיקסלים · 8 צעדים
- Inter Variable — תַחֲלִיף: Inter (variable) · קווי מתאר 300, 400, 510, 590 · ממשק משתמש ראשי וגופן כותרת - משמש בניווט, גוף הטקסט, כותרות, כפתורים וכרטיסים.
- Berkeley Mono — תַחֲלִיף: JetBrains Mono · קווי מתאר 400 · טקסט ממשק משתמש צמוד לקוד - מזהי גרסה (ENG-2703), קיצורי מקלדת, מטא-נתונים של גופני מונוספייס
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְרוּוָח |
| שלב בסיסי | 8px |
| רדיוס הכפתור | 6px |
| רדיוס הכרטיס | 12px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 96px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Linear ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Aaru — מצפה שדה חלקיקים בחצות
- Atlas Card — כספת חצות, עם קרן הספיר היחידה שלה, היא מרחב שחור כמשהו שבו הדבר היחיד שחשוב הוא הכחול החשמלי העמוק.
- Checkly — מרכז בקרת משימת מסלול עמוק
- Savee — בד קנבס שחור לאוצרים חזותיים
- Inngest — מצפה כוכבים חשוך ושקט, מצויד לעבודה עם מכשירים, מואר על ידי נורת פיילוט ענבר אחת
- Dala — קבוצת כוכבים מרחפת על קטיפה שחורה
- Origin Financial — גלריה חצות של פאר שקט. חדר שקט, כמעט חשוך, שבו גופני סריפים גדולים וכמה פאנלים צבעוניים מוארים יוצרים את התחושה שתחום הפיננסים הוא יצירת אמנות שנבחרה בקפידה.
- Hyperstudio — העיצוב חרוט באובסידיאן. טקסט וקווים דקים מסגרים מרחב לבן של שחור טהור, עם סימני מצפן זהובים מדי פעם המצביעים על הדרך.
- Air — הפסל "שמי חצות מבעד לזכוכית"
- Resend — קטיפה שחורה עם צבע ניאון סגול
- Raycast — מרכז פיקוד חצות, קורל ניאון
- Dimension — תחנת עבודה מוארת עם דמדומים ופאנלים מזכוכית חלבית