Huly
מצפה הזוהר הצפוני בחצות - הדמות הראשית היא קרן סגולה אנכית שדוהה אל תוך אלמוגים, וכל קטע שקט מתחתיה לווה את אותו סיפור דו-גוני המסופר בנימה מאופקת יותר
הולי מעורר את האווירה של סביבת עבודה קוסמית: בד קנבס כמעט שחור עם זוהר סגול-ענברי יחיד שחותך דרך האלמנט הראשי, ומתחתיו, רשת עדינה יותר להגברת הפרודוקטיביות. המערכת פועלת בטווח צבעים צר - כחול בהיר אחד וצבע אלמוג אחד מבצעים את כל עבודת המיתוג על רקע משטחי גרפיט שכבתיים, כך שהמצב הכהה לעולם לא מרגיש ניטרלי. הטיפוגרפיה היא בסגנון בין-פונקציונלי לכל דבר פונקציונלי, עם גופן מותאם אישית (Esbuild) השמור לנקודות מפתח, עם גובה של 80-84 פיקסלים וריווח אותיות שלילי אגרסיבי. הרכיבים הם בצורת קפסולה: רדיוסים של 9999 פיקסלים על הפקדים, 12 פיקסלים על כרטיסים, צל מינימלי וקווי גרדיאנט זוהרים כקישוט עיקרי. הדף מתחלף בין אזורים כהים בעמוד שלם לחלקים בהירים רגועים, כך שכל מסך חדש צריך להחליט על המצב לפני בחירת צבעים.
דף הבית ברוחב מלא מציג קרן אור אנכית של הזוהר הצפוני וכותרת מיושרת לשמאל, יחד עם צילום מסך של המוצר הממוקם בתחתית ימין. מתחת לדף הבית נמצא אזור תוכן ברוחב מקסימלי של 1200 פיקסלים, עם פסים כהים ובהירים לסירוגין. כל מקטע הוא בלוק אנכי יחיד: כותרת עליונה בתוספת רשת של 3 או 4 עמודות של כרטיסים המופרדים ברווחים של 96 פיקסלים. מקטע "MetaBrain" שובר את הרשת עם כותרת ממורכזת ופסיפס של כרטיסים בגדלים שונים (כרטיס ראשי גדול בתוספת כרטיסים תומכים קטנים יותר). הדף עמוס בתוכן, בהתאם לתקני SaaS, אך משתמש בפסים כהים ובהירים לסירוגין כדי לתת לכל מקטע מקום לנשום. הניווט הוא פס עליון שקוף יחיד שהופך לאטום ככל שגללתם.
האלמנט העיקרי הוא גרדיאנט של זוהר הקוטב הצפוני טהור, ללא תצלומים. כל האיורים הם צילומי מסך אמיתיים של ממשק המשתמש של המוצר (קנבאן במצב כהה, תיבת דואר נכנס, לוח שנה), ממוסגרים במסגרות כרטיסים המשמשות גם כראיה וגם כקישוט. אין תמונות לייפסטייל, אין תמונות סטוק, אין עיבודים תלת-ממדיים. האלמנט הוויזואלי היחיד שאינו קשור לממשק המשתמש הוא זוהר שמש חם ורדיאלי בבסיס הזוהר הקוטב, המעובד כגרדיאנט CSS. האייקונים הם אייקוני קווים מונוכרום בצבע #95979 או לבן, לעולם לא רב-צבעוניים. המערכת מתייחסת לממשק המשתמש הכהה שלה כאלמנט העיקרי - המוצר הוא התצלומים.
לוּחַ הַצְבָעִים
מותג
- Electric Iris
#5683da— הרקע הראשי, מחוון הניווט הפעיל והדגש המרשים של זוהר הצפון - צבע כחול-סגול עז על רקע שחור-פחם - יוצרים רושם של מעורבות ולא של פעילות תאגידית. - Ember Pulse
#ff8964— מבטא משני, אזור חם של זוהר צפוני, נקודת התראה והדגשת איור - גוון ענברי ששובר את הפיכחון של הכחול ומוסיף חמימות לקרן.
נֵטרָלִי
- Obsidian Canvas
#303236— רקע העמוד, המשטח הדומיננטי, הוא בצבע כמעט שחור עם רמז קל לחמימות, הסביבה הסטנדרטית לכל התוכן. - Void
#090a0c— שכבת פני השטח העמוקה ביותר עבור גרדיאנטים במסך הראשי, רקעים מודאליים ומסגרות שאמורות להשתלב עם הקנבס. - Charcoal Card
#111111— משטחים מורמים עשויים קרטון ופאנלים, ממוקמים מדרגה אחת מעל הבד. - Slate Edge
#4a4b50— גבולות ומחיצות עדינים על משטחים כהים - Iron Veil
#6b6c6d— רקע מעומעם עבור תגיות, מילויים של פריטי רשימה ומילויים מושבתים. - Smoke
#95979e— קווי מתאר של סמלים, טקסט נוסף ובקרות לא פעילים הם רכיב העבודה העיקרי באפור בינוני.
טיפוגרפיה
מ-11 עד 80 פיקסלים · 8 שלבים
- Inter — תַחֲלִיף: DM Sans · קווי מתאר 300, 400, 500, 600, 700 · כל הטקסט הפונקציונלי בממשק המשתמש - גוף הטקסט, ניווט, כפתורים, פריטי רשימה, תוויות וכותרות קטנות - משמש עם משקל גופן של 500-600 להדגשה, 400 לגוף הטקסט ו-300 במשורה עבור מטא-נתונים דיסקרטיים.
- Esbuild — תַחֲלִיף: Sora · קווי מתאר 400, 500, 600 · לתצוגה בלבד: כותרות פתיחה, כותרות סעיפים וכותרות מאמרים ב-MetaBrain. הגיאומטריה המצומצמת וריווח האותיות הצר יוצרים את הרושם ש-84 פיקסלים מתאימים יותר לעבודות עריכה מאשר לפרויקטים של SaaS. לעולם אל תשתמשו בפחות מ-28 פיקסלים.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְרוּוָח |
| שלב בסיסי | 12px |
| רדיוס הכפתור | 9999px |
| רדיוס הכרטיס | 12px |
| צללים | צללים רכים |
| בין סעיפים | 96px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Huly ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- monday — סדנה לבנה עם מדבקות פסטל
- Slack — הבמה בצבע חציל עם זרקורים לבנים. גוון שזיף עמוק שולט באזורים החשוכים, בעוד שהבד הלבן-אף מאפשר לכותרים הגדולים והאוונגרדיים לנשום בחופשיות.
- Base44 — מחברת שטופת שמש עם טוש ליים
- Supahub — אור יום רך על רכס סגול. בד קנבס לבן ברובו ואוורירי, מואר על ידי שמש סגולה בוהקת אחת, עם כדורים דקורטיביים בעלי גרדיאנט השופכים צבע אל החלל השלילי וגיאומטריה מעוגלת ונדיבה המעניקה לכל משטח כבדות נעימה ומוחשית.
- Raycast — מרכז פיקוד חצות, קורל ניאון
- Dimension — תחנת עבודה מוארת עם דמדומים ופאנלים מזכוכית חלבית
- Wiza — מצפה כוכבים לחקר מינרלים בשעת רדת החשיכה, אפוף ערפל של לבנדר.
- Paste — פנס ענברי על שיש לבן - הלוגו החם והגרדיאנטי של המותג מרחף בחלל הלבן העצום, כמו החלון המואר היחיד בבניין מכוסה שלג.
- Reworkd — אור היום הרך בתרשים המוצר הוא הצבע היחיד שמדבר בעד עצמו, זהו כפתור הפעולה וכותרת הגרדיאנט שמעליו.
- Reflect Notes — חלל סגול זרוע כוכבים הוא מצפה כוכבים אפל שבו תווים מרחפים כמו קבוצות כוכבים על רקע של ריקנות כמעט בצבע אינדיגו שחור.
- Ameba — חדר הבקרה בחצות - פעימה כחולה חשמלית בתוך לוחות זכוכית חלבית
- Todoist — סביבת עבודה שטופת שמש עם יומן נייר - שולחן כתיבה בצבע קרם חם, רשימות דיו, עט אדום אחד