
Wise
טחב עמוק עם מתח אבן גיר. ניצוצות אבן גיר על קרקעית היער הכמעט שחורה, ודמויות מסיביות וזוויתיות מסמנות כל תנועה.
גופן Wise מדבר בקול בטוח וקצת חזק: ירוק יער עמוק (#163300) תופס את רוב שטח הפנים - טקסט, ניווט, מקטעים כהים, סמלים - בעוד שירוק ליים בוהק בודד (#9fe870) משמש כפיסוק פונקציונלי בקריאות לפעולה, טאבים פעילים ואלמנטים מרכזיים. גופן הגופן כמעט אגרסיבי: Wise Sans עם עובי שורה של 900, דחוס בצפיפות, בולט באותיות גדולות (100 פיקסלים ומעלה) על מסך הבית. שאר המערכת נשארת דיסקרטית על בד קנבס לבן-שבור עם משטחים אפורים רכים (#e8ebe6). רכיבים הם בצורת גלולה כברירת מחדל - כפתורים, מקטעי ניווט, תמונות ממוזערות של תיבות סימון, מסכות תמונה - עם רדיוסים קטנים (10 פיקסלים) השמורים לכרטיסים ולשדות קלט. מעברי צבע הם נדירים; במקום זאת, השילוב של סלמנדרה וירוק יער משתנה בצורה חלקה ככל שהמקטעים מתכהים, ויוצר קצב ללא קישוט מוגזם.
מיכל ברוחב מקסימלי של 1200 פיקסלים, ממורכז, עם חלק עליון וחלק כהה המשתרע על כל רוחב העמוד. פריסת הכותרת כוללת כותרת ענקית וממורכזת על רקע לבן, עם איור גדול (גלובוס) המשתרע מעבר לקצה התחתון של חלון התצוגה. קצב הסעיפים מתחלף בין לבן, ירוק בהיר וחלק כהה בצבע "דיו יער", ויוצר קצב צבע טבעי. פריסת התוכן ממורכזת בעיקר: בלוקים של טקסט ותמונות בשתי עמודות בחלק העליון, או שורות עם אלמנטים ראשיים בשלוש עמודות בחלקים המשניים. רשת בת חמש עמודות עם דגלים משמשת להצגת רשימת המדינות. הניווט הוא סרגל עליון קבוע יחיד עם מתג מפולח. קוד ה-QR נשאר קבוע בפינה הימנית התחתונה בכל עמדות הגלילה.
איורים תלת-ממדיים המתארים גלובוס עם מטבעות זהב יוצרים את העולם הוויזואלי של המותג - מישוש, מעט סוריאליסטי, מבוצע עם גרדיאנטים רכים ותאורה חמה. הצילום מינימליסטי; כאשר משתמשים בו, הוא מודגש ונינוח. דגלי לאום מוצגים כתמונות ממוזערות מעגליות ברשת בת חמש עמודות - המערכת ה"אייקונית" היחידה היא זהות לאומית. אין אלמנטים גרפיים מופשטים, אין תבניות סטנדרטיות. הגלובוס והמטבעות הם מוטיב חוזר של הקמע, המסמן על טווח הגעה עולמי באמצעות אובייקט יחיד, חם ואופטימי, ולא מונטאז'.
לוּחַ הַצְבָעִים
מותג
- Forest Ink
#163300— הסגנון הכהה הדומיננטי של המותג - טקסט ניווט, רקע כהה של מקטעים, טקסט גוף על משטחים בהירים, קווי מתאר של אייקונים ואלמנטים של ניווט מלאים - הוא מה שמגדיר את כוחו: בכל מקום בו נדרש משקל או סמכות, אתם בוחרים ב-Forest Ink. - Lime Voltage
#9fe870— ירוק משמש כצבע משני לפרטים דקורטיביים ולהדגשת שאילתות חיפוש נפוצות פחות. אין להשתמש בו כצבע העיקרי לקריאות לפעולה. - Spruce
#054d28— ירוק כהה משני משמש למשטחי כרטיסים, איקונוגרפיה מינורית, ולהוספת עומק לאזורים כהים שבהם דיו יער רווי מדי.
נֵטרָלִי
- Linen Mist
#e2f6d5— גוון ירוק בהיר להדגשות רכות על משטחים, רקעים כהים של כרטיסים ומצבי ריחוף על סרגלי ניווט. גוון עדין של ירוק ייחודי לאלמנטים עיצוביים דיסקרטיים של מיכלים. - Signal Blue
#0b4c72— הצבע הכחול משמש כתוספת לפרטים דקורטיביים ולהדגשת תדרים נמוכים. - Alarm Red
#cb272f— אדום משמש כתוספת תומכת לפרטים דקורטיביים ולהדגשת צבעים לא שגרתיים. השתמשו בו כתוספת תומכת, לא כצבע סטטוס. - Charcoal
#454745— גוף הטקסט, גוף הטקסט, ממשק משתמש עשיר - שחור מעט חם שמרגיש רך יותר מאשר #000 טהור על רקע לבן. - Obsidian
#0e0f0c— כותרות, כותרות בעלות ניגודיות גבוהה, אלמנטים שחורים טהורים בניווט ובתפריט הראשי. שחור עם גוון ירקרק קלות, לא אפור ניטרלי. - Pebble
#868685— טקסט משני עדין, טקסט מציין מיקום, קווי מתאר של סמלים וגבולות שדה קלט. אפור בינוני, מתרחק.
טיפוגרפיה
מ-12 עד 105 פיקסלים · 10 צעדים
- Inter — תַחֲלִיף: Inter (native Google Fonts) · קווי מתאר 400,500,600,700 · גוף הטקסט, ממשק המשתמש, כיתובים וכותרות משנה לאורך כל המוצר. גופן במשקל 700 משמש לכותרות בינוניות (36-45 פיקסלים), 500-600 לכותרות משנה וכיתובים, ו-400 לגוף הטקסט והכיתובים. Inter מספק מראה עדין יותר, בעוד Wise Sans מספק מראה נועז יותר.
- Wise Sans — תַחֲלִיף: Inter Black (900) with -0.04em tracking · קווי מתאר 900 · כותרות הן כרטיס הביקור של המותג. גופן צפוף במיוחד של 900 עם גובה כתיבה של 89-105 פיקסלים וריווח אותיות צפוף הופכים כל כותרת למודעה נועזת וחזקה. הן משמשות במשורה: כגוף הטקסט, לכותרות סעיפים ולנקודות עיקריות בקמפיין.
- monospace — תַחֲלִיף: Inter · קווי מתאר 400 · חד-מרווחי - נמצא בנתונים שחולצו אך לא מתואר על ידי הבינה המלאכותית.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 8-12px |
| רדיוס הכפתור | 9999px |
| רדיוס הכרטיס | 10px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 64-80px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Wise ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Integrated Biosciences — מעבדת ביולאוריות בחצות
- Huly — מצפה הזוהר הצפוני בחצות - הדמות הראשית היא קרן סגולה אנכית שדוהה אל תוך אלמוגים, וכל קטע שקט מתחתיה לווה את אותו סיפור דו-גוני המסופר בנימה מאופקת יותר
- Dia Browser — חלל גלריה בחדר חושך מתמזג עם עיתון מערכתי. הסצנה השחורה כולה חושפת פריסת עיתון שטופת שמש, כל מדור מסומן בכותרת אחת באותיות סריפיות.
- Mintlify — גן עננים מעל שולחן זכוכית. השמיים המצוירים ביד והסרט התיעודי ממוסגרים יחד - המקום היחיד שבו צבע וקונספט מתנגשים לפני שהדף דוהה ללבן נזירי.
- Gleap — מרחב עבודה מעוצב בגווני קרם חמים עם נגיעות גרפיט - סטודיו שבו נקודות דיו שחורות מט נראות כמרחפות מעל ארכיטקטורת הפשתן.
- ClickUp — לוח מחוונים רב עוצמה על שיש לבן. הדף הוא חוברת מוצר עבור כלי פרודוקטיביות, כך שהשפה החזותית שאולה מהמוצר עצמו: רשימות צפופות, מחווני סטטוס, קבוצות של אווטארים והצהרות טיפוגרפיות מודגשות שנראות כמו מפרט מוצר המוצג.
- monday — סדנה לבנה עם מדבקות פסטל
- Portal — מאמר מערכת Twilight Serif - מדור פרימיום במגזין עצמאי, מעוצב בסגנון iOS
- Slack — הבמה בצבע חציל עם זרקורים לבנים. גוון שזיף עמוק שולט באזורים החשוכים, בעוד שהבד הלבן-אף מאפשר לכותרים הגדולים והאוונגרדיים לנשום בחופשיות.
- Base44 — מחברת שטופת שמש עם טוש ליים
- Letters — פגישת בוקר במרפאה תחת כיפת השמיים - שולחן לבן סטרילי תחת תקרה כחולה רכה, זרוע בכלי כירורגיה כחולים
- Duolingo — מגרש משחקים ירוק עם קווי סימון עבים