
Dub
לוח הבקרה של נייר האורז המט של לינק
למערכת הוויזואלית של דאב יש אסתטיקה SaaS מאופקת, כמעט עריכתית: בד ציור כמעט לבן המוחזק יחד על ידי גבולות דקים במקום אלמנטים בולטים, עם טיפוגרפיה מונוכרום צפופה המספקת תמיכה מבנית וצבע כחול בוהק יחיד (#2563eb) המעניק אמירה. המשטחים נשארים שטוחים וחסרי מסגרת במבט ראשון, אך לכל מיכל יש שוליים של פיקסלים אחד בגודל #e5e5e5, המעוררים תחושה של מסמך מודפס. אישיות מושגת באמצעות קבוצה קטנה של נגיעות "גלולה" צבעוניות (כתום, ירוק, סגול) המרחפות מעל פלטת הצבעים הנייטרלית, וכותרות שמרגישות בטוחות ומודרניות מבלי להיות ראוותניות. הרכיבים קומפקטיים וצפופים: מרזבים של 8 פיקסלים, רדיוס כרטיס של 12 פיקסלים, תוויות בצורת גלולה ב-9999 פיקסלים, ובקרות בלתי נראות במקום כפתורים כבדים ומלאים.
הדף בנוי על פריסה ממורכזת ברוחב מרבי של כ-1200 פיקסלים. האלמנט העיקרי הוא בלוק טקסט ממורכז עם שלושה אלמנטים צפים (תוכניות שותפים, ניתוח המרות, קישורים קצרים) הממוקמים אופקית מעל פריסת מוצר גדולה. המדורים מסודרים אנכית עם מרזבים עקביים של 64 פיקסלים, לסירוגין בין בד קנבס לבן לערפל נייר #f5f5f5 להפרדת גוונים. החלק התחתון משתמש בפריסה בצורת Z: טקסט עריכה ממורכז בשליש האמצעי, וכרטיסי ממשק משתמש צפים מעוגנים לשוליים השמאליים והימניים, ויוצרים קצב אסימטרי, דמוי מגזין. ענן הלוגו הוא רשת פשוטה בגודל 5x2, הממורכזת בדף. הניווט הוא סרגל עליון מינימליסטי - לוגו משמאל, ניווט במרכז, קבוצה של שני כפתורים (כפתור רפאים "התחברות" + כפתור "הרשמה" מלא) מימין - ללא תפריט קבוע או מגה-תפריט. פריסת לוח המחוונים של החלון הראשי מציגה פריסת אפליקציה קלאסית בת שתי עמודות: סרגל צד קבוע (בדומה ל-240 פיקסלים) + אזור תוכן המגדיר את צפיפות מידע המוצר עבור המבקרים לפני שהם מתחילים לגלול.
הוויזואליה מתמקדת במוצר, לא בסגנון חיים. המסך הראשי מרוכז בצילום מסך גדול של לוח המחוונים, המייצג דגם מוצר אמיתי עם ניווט בסרגל צד, טבלת נתונים ואלמנטים צפים של ממשק משתמש, הפרוסים כפאנל שטוח על בד קנבס לבן. לוגואי הלקוחות מוצגים ברשת אפור לא רוויה (beehiv, superpower, Chatbase וכו') כדי להכיר בביצועי המדיה החברתית שלהם, כשהם מופשטים מהצבע כדי לאפשר למבטא הכחול היחיד של הדף להישאר דומיננטי. כרטיסי שותפים צפים (פרופילים קטנים ואריחים עם נתוני הכנסות/תשלום) נעים סביב בלוקים של טקסט עריכה בתחתית, ויוצרים תחושת עומק ללא שימוש בצללים על הטקסט עצמו. דפוס הרקע של הרשת המנוקדת הוא מאפיין חתימה: שורה דקה של נקודות קטנות עם אטימות נמוכה מאוד יוצרת מרקם ותחושה של מערכת עיצוב/משטח ציור, ומדגישה את מיקום האתר כ"פלטפורמת ייחוס קישורים מודרנית". האיקונוגרפיה מינימלית, עם קווי מתאר ומילויים, ומשתמשת בפלטת הדגשות (כתום מנדרינה, סגול לבנדר, ירוק מנטה) עבור תגיות התכונות. לא נעשה שימוש בצילומים, איורים או מודלים תלת-ממדיים - ממשק המשתמש של המוצר עצמו הוא שפה ויזואלית.
לוּחַ הַצְבָעִים
מותג
- Electric Blue
#2563eb— צבע המותג העיקרי - הלוגו, הקישורים, מדדי הביצועים המרכזיים, המצבים הפעילים והדגשות הסמלים - נמצא בשימוש. כחול עשיר על רקע לבן יוצר את המראה החזותי היחיד של המערכת. - Deep Sapphire
#1e40af— הרקע העיקרי של כפתור הפעולה, המילוי המודגש של הקריאה לפעולה - הצבע היחיד המציין את הפעולה - משמש במשורה כדי למשוך תשומת לב.
נֵטרָלִי
- Canvas White
#ffffff— רקע העמוד, פני השטח של הכרטיס ולוחות קופצים הם הבסיס המוחלט של כל מסך. - Paper Mist
#f5f5f5— שינויי צבע עדינים בצבעי פני השטח עבור כרטיסים מקוננים, פאנלים נוספים ומילויים בעת ריחוף. - Ash
#e5e5e5— הגבולות הדקים על הכרטיסים, מחברי הקלט והמחיצים הם הקו המבני שמחזיק את המערכת יחד. - Smoke
#d4d4d4— גבולות חדים יותר עבור מכולות נבחרות וקווי מתאר נוספים של כפתורים. - Pebble
#c8c8c8— גבולות, קווי מתאר של בקרה ומחיצים מבניים עם ניגודיות בינונית. אין להשתמש בצבע זה כצבע העיקרי עבור קריאות לפעולה. - Midnight Ink
#0a0a0a— הטקסט הראשי של הכפתורים, הכפתורים המודגשים וטקסט הניווט כמעט שחורים לניגודיות מקסימלית.
טיפוגרפיה
מ-11 עד 48 פיקסלים · 9 צעדים
- Satoshi — תַחֲלִיף: Inter (weight 500 · קווי מתאר 500 · כותרות תצוגה – משמשות רק בשורות של 36–48 פיקסלים עבור כותרות ומדורים. משקל גופן – 500 (בינוני, לא מודגש): הכותרות נראות בטוחות ומודרניות, אך לעולם לא משתלטות. הפרופורציות הגיאומטריות של סאטושי מעניקות לגופן תחושה מעט עריכתית ומודרנית שגוף הטקסט של אינטר אינו יכול לשכפל.
- Inter — תַחֲלִיף: Inter (native) · קווי מתאר 400, 500, 600 · גוף הטקסט, תוויות ממשק משתמש, ניווט, כותרות משנה וכותרות משנה. Inter היא סוס העבודה העיקרי, ומטפלת בכל דבר, החל מתוויות מיקרו בגודל 11 פיקסלים ועד כותרות משניות בגודל 30 פיקסלים. משקל של 400 הוא ברירת המחדל לגוף הטקסט, 500 לאלמנטים מודגשים ותוויות כפתורים, ו-600 שמור לתוויות ממשק משתמש חשובות. 16 פיקסלים עם גובה שורה של 1.5 הם גודל הטקסט הנפוץ ביותר בשלב אחד (1220 הופעות), מה שמאשר ש-16 פיקסלים הוא גודל גוף הטקסט הקנוני.
- Geist Mono — תַחֲלִיף: JetBrains Mono or IBM Plex Mono · קווי מתאר 400, 500 · קטעי קוד, מטא-דאטה טכניים וטוקנים מוטמעים ברווחים קבועים משמשים בבלוקים של קוד בגודל 12-14 פיקסלים ובאלמנטים גדולים של תצוגת קוד בגודל 24 פיקסלים. זה מבטיח את אמינות כלי המפתח, בהתאם למיקום המוצר של Dub.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְמוּצָע |
| שלב בסיסי | 8px |
| רדיוס הכפתור | 8px |
| רדיוס הכרטיס | 12px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 64px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Dub ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- ElevenLabs — חיבור מצולם בגווני קרם חמים עם כותרות עדינות. מחברת בסגנון באוהאוס - נייר בצבע קליפת ביצה, דיו שחור, וגימור סגול וכתום יחיד לתצוגת מוצרים.
- Awesomic — רשת אבץ עריכתית עם סימני פיסוק כתומים המזכירים קונפטי
- Monad — כתב עת טכני עריכה על קלף חם
- Seline Analytics — שולחן אנליטי שקט על נייר חם
- Notion — מחברת נייר חמה בשמש הצהריים
- Anthropic — כתב עת מדעי על קלף חם - משטחים בצבע שנהב רגועים, כותרות עריכה מסומנות, והדגשת חרס יחידה המופיעה רק כאשר נדרשת פעולה.
- Calendly — דיו כחול כהה על שיש קר
- Augen Pro — המצגת הלבנה של אפל מציגה גוון כחול חשמלי קליני, חסר משקל וחסר גוון כמבטא יחיד בחלל מונוכרום.
- Antimetal — כרוניקה מערכתית על נייר בצבע קרם - בוקר שקט בכתב עת מדעי, שבו איפוק משדר ביטחון וסריפים עושים את העבודה הקשה
- Perk — ליים חשמלי על נייר אפייה חם
- Ditto — סדנה שטופת שמש ליצירת דוגמיות פרחי בר. משטחים חמים בצבע קרם, צבע בסיס צהוב עז, דיו כחול כהה עמוק, צורות צבע אורגניות פורחות מאחורי היצירה.
- Officevibe — מגזין מערכת על נייר בצבע קרם חם. דמיינו מאמר מעמיק על ניהול משאבי אנוש, המוצג כמוצר - גופן סריף חתוך לוחש דרך ממשק כחול מודרני.