
ElevenLabs
חיבור מצולם בגווני קרם חמים עם כותרות עדינות. מחברת בסגנון באוהאוס - נייר בצבע קליפת ביצה, דיו שחור, וגימור סגול וכתום יחיד לתצוגת מוצרים.
ElevenLabs עובדת בסגנון מינימליסטי לבן וחם: קנבס בצבע קליפת ביצה (#fdfcfc) עם גופן שחור ושכבה אחת של משטחים בצבע חום-אפור חם (#f5f3f1). זהות המותג שקטה ובטוחה בעצמה - גופן Waldenburg 300, שכמעט ולא ניתן להבחין בו, מדגיש את הכותרות בבהירות יוצאת דופן (-0.02em), בעוד ש-Inter 400/500 מעניק לכל השאר ניטרליות רגועה. שני צבעי הדגשה - סגול עז #0447ff וכתום עז #ff4704 - בולטים רק בתוך האלמנטים הוויזואליים של המוצר (אודיוספירות, אייקוני מוצר), לעולם לא כרום בממשק המשתמש. הרכיבים נשארים שטוחים או מעט מורמים עם גבולות דקים של 1 פיקסלים, רדיוסים רחבים של 20 פיקסלים על הכרטיסים וכפתורים מלאים ב-9999 פיקסלים. המערכת מזכירה סטודיו באוהאוס על נייר קרם: מאופקת, עריכתית ומדויקת מבחינה טכנית.
מקטעים ברוחב מלא מסודרים אנכית בעמודה מרכזית אחת ברוחב מקסימלי עם מרווחים חיצוניים של 1280 פיקסלים. המקטע הראשי אינו סימטרי: הכותרת מיושרת לשמאל ברמת וולדנבורג של 48 פיקסלים, טקסט התיאור מיושר לימין, ושני כפתורים בצורת גלולה ממוקמים מתחת לכותרת. מתחת למקטע הראשי נמצא סרגל ניווט גדול עם לשוניות המשתרע על פני כל רוחב התוכן. המקטעים מתחלפים בין רקע בצבע קליפת ביצה לצבע חום-צהבהב עם מרווחים אנכיים של 96-125 פיקסלים. כותרת התחתונה היא פס יחיד וקומפקטי. הניווט הוא סרגל עליון מינימליסטי - ללא התנהגות קבועה, ללא תפריטי ענק. קצב התוכן תואם את סגנון העריכה: שפע של שטח לבן, אלמנט ויזואלי ראשי אחד לכל מקטע, וללא רשתות כרטיסים מתחת למקטע "אמון".
העיצוב החזותי נשלט על ידי ערכת צבעים: גרדיאנטים גדולים בצורת כדורי שמע רכים (200 פיקסלים+ עיגולים עם מעברים רדיאליים מסגול לכתום וורוד) משמשים כאלמנט הגרפי העיקרי. לוגואים בקטע "אמון" מוצגים בגווני אפור בעלי ניגודיות נמוכה על רקע קנבס מט. הצילום מינימלי - אין תמונות של סגנון חיים או מוצרים. האיקונוגרפיה דלילה ומונוכרומטית (קו מתאר שחור או סמלים מלאים, ללא סמלים כרומטיים). המערכת החזותית מזכירה יותר פרסום עיצוב מאשר קטלוג מוצרים - איפוק עריכה גובר על השפעה שיווקית.
לוּחַ הַצְבָעִים
מותג
- Violet Spark
#0447ff— הדגשה חזותית של המוצר - מופיעה רק באיורי ספירת שמע וסמלי מוצר דקורטיביים; לעולם לא משמשת עבור רכיבי ממשק.
נֵטרָלִי
- Eggshell
#fdfcfc— בד הציור של הדף, משטחי הכפתורים ומשטחי הכרטיסים הם לבנים חמים, מעט קרמיים, ולא לבנים בוהקים, כדי למנוע סנוור דיגיטלי ולהעניק לאתר את הרוגע של נייר. - Warm Taupe
#f5f3f1— פסי חיזוק, כרטיסים דקורטיביים ומשטח נוסף - מדרגה אחת עמוקה יותר מהמשטח המט - יוצרים הפרדה שקטה וללא גבולות. - Stone
#ebe8e4— גבולות דקים, חוצצים ורקעים של אייקונים הם בגוון אפור חם שנמצא בין אפור חום לאפור בינוני מבלי להרגיש קר. - Ink
#000000— בין אם מדובר בגוף הטקסט, כפתורים מלאים, ניווט או קישורים, שחור טהור משמש כבסיס לפלטת צבעים חמה ויוצר את הניגודיות החדה היחידה במערכת. - Graphite
#44403b— גוף הטקסט, כותרות הסעיפים - אפור כהה חם ועדין לטקסט שצריך להיות חד ללא הקשה של שחור. - Smoke
#777169— הטקסט העיקרי, התיאורים הדיסקרטיים והכיתובים הם בגוון אפור בינוני-חם; הסגנון הדומיננטי, הקריא אך הרגוע של הכרטיסים והטקסטים התמטיים.
טיפוגרפיה
מ-10 עד 48 פיקסלים · 8 צעדים
- Waldenburg — תַחֲלִיף: Inter (300) or Söhne Light · קווי מתאר 300 · לכותרות ואלמנטים עיצוביים בלבד. משמש בפורמטים של 48/36/32 פיקסלים עם משקל גופן של 300 - גופן קל במיוחד אינו קונבנציונלי; רוב האתרים משתמשים ב-600-700; גופן עדין זה משדר סמכות באמצעות איפוק. מרווח אותיות צר של -0.02 אלמוגים יוצר התאמה קרובה יותר בין אותיות בגדלים גדולים יותר. חלופות: "Inter" במשקל 300 או "Söhne" במשקל קל כחלופה פרימיום.
- Inter — תַחֲלִיף: Inter or system-ui · קווי מתאר 400, 500 · כל מה שמחוץ למסך: גוף הטקסט, ניווט, כפתורים, קישורים, תוויות, שדות קלט, כרטיסים. 400 הוא משקל ברירת המחדל; 500 שמור לכפתורים וקישורים מודגשים. הגדלים נעים בין 10 ל-10, עם ריווח שורות מופחת (1.47-1.6), מה שנותן לפסקאות מרחב לנשום. ריווח אותיות קטנות של +1 (2) בגדלים מ-14 עד 3 משפר את הקריאות בגדלים קטנים.
- Geist Mono — תַחֲלִיף: JetBrains Mono or IBM Plex Mono · קווי מתאר 400 · מיקרוטקסט הממוקם ליד קוד או טקסט טכני, בגובה 13 פיקסלים - בשימוש נדיר (תדירות = 28) עבור תוויות טכניות או מטא-נתונים. שכבה אחת, גובה שורה גדול של 1.69.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 8-16px |
| רדיוס הכפתור | 9999px |
| רדיוס הכרטיס | 20px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 96-125px |
| רוחב העמוד | 1280px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון ElevenLabs ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Awesomic — רשת אבץ עריכתית עם סימני פיסוק כתומים המזכירים קונפטי
- Monad — כתב עת טכני עריכה על קלף חם
- Dub — לוח הבקרה של נייר האורז המט של לינק
- Seline Analytics — שולחן אנליטי שקט על נייר חם
- Notion — מחברת נייר חמה בשמש הצהריים
- Anthropic — כתב עת מדעי על קלף חם - משטחים בצבע שנהב רגועים, כותרות עריכה מסומנות, והדגשת חרס יחידה המופיעה רק כאשר נדרשת פעולה.
- Calendly — דיו כחול כהה על שיש קר
- Augen Pro — המצגת הלבנה של אפל מציגה גוון כחול חשמלי קליני, חסר משקל וחסר גוון כמבטא יחיד בחלל מונוכרום.
- Antimetal — כרוניקה מערכתית על נייר בצבע קרם - בוקר שקט בכתב עת מדעי, שבו איפוק משדר ביטחון וסריפים עושים את העבודה הקשה
- Perk — ליים חשמלי על נייר אפייה חם
- Ditto — סדנה שטופת שמש ליצירת דוגמיות פרחי בר. משטחים חמים בצבע קרם, צבע בסיס צהוב עז, דיו כחול כהה עמוק, צורות צבע אורגניות פורחות מאחורי היצירה.
- Officevibe — מגזין מערכת על נייר בצבע קרם חם. דמיינו מאמר מעמיק על ניהול משאבי אנוש, המוצג כמוצר - גופן סריף חתוך לוחש דרך ממשק כחול מודרני.