Cursor
סדנת קלף נעימה, מוארת בגחלים בוערות
Cursor משתמש בטיפוגרפיה חמה, דמוית קלף: בד קנבס קרמי, טקסט שחור בדיו, וגימור כתום לוהט יחיד שמפעיל קישורים ובחירות במקום למלא כפתורים. כותרות, שנקבעו ב-CursorGothic במשקל 400, בעלות ריווח אותיות הולך ופוחת בהדרגה ככל שהן גדלות בגודלן - סמכות מושגת באמצעות ריסון ומשקל אותיות דק במקום נועזות. המשטחים נשמרים שטוחים ודמויי נייר, עם גבולות דקים וצללים אפורים רכים וחמים; פינות נשארות חדות במשקל 4 פיקסלים לכל אורך הטקסט. EB Garamond משמש באופן סלקטיבי לכותרות משנה ופרוזה, בעוד berkeleyMono מטפל בקוד, תגיות ומטא-דאטה, מה שמעניק למערכת אישיות טיפוגרפית שמרגישה יותר כמו מגזין ספרותי מאשר לוח מחוונים של SaaS.
רוחב מקסימלי: 1300 פיקסלים ממורכזים, שוליים 24 פיקסלים. ניווט עליון: כותרת שקופה בגובה 52 פיקסלים עם לוגו וסימן טקסט משמאל, 4 קישורי ניווט ממורכזים, אשכול "התחברות / יצירת קשר / הורדה" מיושר לימין. גיבור: כותרת מיושרת לשמאל + בלוק כפול של קריאה לפעולה עם טקסט היוצא מהפינה השמאלית העליונה, ולאחר מכן כרטיס דגם מוצר ברוחב מלא המשתרע על פני כל רוחב העמוד. פס אמון: שורה אופקית אחת של 8 אריחי לוגו בשורה אחת לרוחב המקטע. מקטעי תכונה מתחלפים טקסט משמאל וצילום מסך מימין בפריסה של שתי עמודות, כל אחת ביחס של 50/50, עם מקצב אנכי של 64-96 פיקסלים בין המקטעים. כל צילומי המסך של התכונות הם מודלים של חלונות עם עיצוב macOS זהה. כותרת תחתונה: רשת קישורים בת ארבע עמודות עם סימן המותג משמאל. המקטעים מופרדים על ידי מרווח נשימה נרחב ולא מחיצות - בד הציור בצבע קרם עצמו מספק את ההפרדה.
צילומי מסך של המוצר תופסים את מרכז הבמה: דגמי חלונות גדולים של macOS המציגים את IDE Cursor בפעולה: לשוניות קבצים, תצוגות הבדל, תוכניות סוכנים, פאנלים של מסוף ושילוב Slack/צ'אט. כל דגמי חלונות ממוסגרים בכרטיס #f2f1ed עם ניגודיות רכה וחמה. תמונת נוף עמומה (הרים/אופק מדברי) משתרעת מעבר לחלק הראשי, ומוסיפה חמימות מבלי להתחרות בממשק המשתמש. לוגואי לקוחות ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) מוצגים כאותיות מונוכרום בתוך אריחי פשתן בצורת גלולה. אין תמונות של אנשים, איורים או אלמנטים גרפיים דקורטיביים מופשטים - כל המשקל הוויזואלי ממוקד בממשק המשתמש ובמיתוג של המוצר. האייקונים הם גליפים דקים ומונוליניאריים מלאים ב-#7a7974 Ash, לעולם לא כרומטיים.
לוּחַ הַצְבָעִים
נֵטרָלִי
- Ink
#26251e— טקסט ראשי, רקע כפתור פעולה ראשי, טקסט ניווט - גוון חם, כמעט שחור, לעולם לא טהור #000 - Parchment
#f7f7f4— רקע הדף, הקנבס הראשי, הוא בגוון קרם חם שמרכך את הניגודיות ויוצר תחושה של הדפסת דיו ולא הדפסה דיגיטלית. - Bone
#f2f1ed— משטחי קרטון ומכלים מורמים, בטון אחד כהה יותר מהבד, יוצרים אפקט "נייר על נייר" שכבתי וחסר שוליים. - Linen
#e6e5e0— מילוי ניטרלי בהיר לכפתורים על משטחים כהים. - Stone
#cdcdc9— גבולות דקים, חוצצים, מחיצות עדינות - קווים של 1px בגוונים חמים - Mist
#a1a19f— טקסט עזר ברמה שלישית, כיתובים - בין הטקסט המושתק לטקסט המשני.
טיפוגרפיה
מ-12 עד 72 פיקסלים · 6 שלבים
- CursorGothic — תַחֲלִיף: Inter · קווי מתאר 400, 500 · הגופן העיקרי עבור ממשק המשתמש, כותרות, ניווט, גוף הטקסט ועיצוב המוצר. כותרות עם משקל של 400 נקודות וריווח אותיות הולך ופוחת בהדרגה (-0.005em ב-22 פיקסלים → -0.03em ב-72 פיקסלים) הן מאפיין ייחודי של הגופן: כותרות לעולם אינן מודגשות. פונקציות הגופן ss08, ss09 ו-tnum מפעילות חלופות סגנוניות ואיורים טבלאיים.
- EB Garamond — תַחֲלִיף: Iowan Old Style · קווי מתאר 400, 500 · CursorGothic, גופן סריף עריכה עבור כותרות משנה בודדות, גוף טקסט ונתונים טבלאיים, מוסיף נופך ספרותי לממשק.
- berkeleyMono — תַחֲלִיף: ui-monospace · קווי מתאר 400, 500 · מונוספייס - עבור בלוקי קוד, קטעי שורת פקודה, מטא-דאטה, נתיבי קבצים ותוויות מפתחים - שפה טכנית.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 8px |
| רדיוס הכפתור | 4px |
| רדיוס הכרטיס | 4px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 64-96px |
| רוחב העמוד | 1300px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Cursor ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Amplemarket — מקום עבודה שטוף שמש זרוע קונפטי
- Getharvest — שולחן כתיבה בשעת הזהב – קנבס קרם חם, גלויות לבנות תלויות על הבד, ולהבה כתומה בוהקת אחת
- Drive Capital — פוסטר רטרו לטיול בכביש על נייר חם
- Wealthsimple — מחסן מרופד קשמיר עם תאורת גלריה
- Huddle — כרטיסי מלאי בצבע פסטל על נייר בצבע קרם
- Fuser — תמונות פולארויד מפוזרות על קיר עבודתו של מעצב
- Campsite — תחנת עבודה של עורך שטוף שמש - נייר קרם חם עם חותמת כוונה כתומה אחת
- Redis Agency — סדנת העריכה, הפתוחה לאחר שעות הפעילות, היא מקום אפלולי שבו כל עבודת המיתוג נעשית באמצעות גופני סריף וצנון אדום בודד.
- AI Product Generation — סטודיו לצילום עריכה על נייר לבן - כותרת ככריכה, צבע כתום להדגשה עריכתית
- Getanchor — גוון טרקוטה חם על רקע קרם דהוי מהשמש
- Flatfile — יומן נתונים שקט על קלף חם
- Inthememory — רישום אדריכלי על שיש לבן עם אור חם יחיד. חדר נתונים שקט ועריכה שבו דיו טורקיז עמוק ובקרות בצורת גלולה מרחפים מעל משטחים לבנים וצלולים, מופרעים רק על ידי התזה אחת של כתום.