Auros
מסוף תהומי עם כדורי נתונים ביולומינסנטיים
Auros מתפקד כטרמינל פינטק השוכן בתהום: בד קנבס טורקיז כמעט שחור עם כדורי נתונים זוהרים ומעברי צבע מטורקיז לוורוד, היוצרים תחושה של עומק, גמישות וזרימה. הממשק מינימליסטי וקולנועי, ומסתמך על תצוגה יחידה (Matter) בעובי בינוני עם מעקב שלילי אגרסיבי כדי ליצור קנה מידה מבלי להיות צעקני מדי. הצבעים מפוזרים באופן שווה - לבנים וכסופים אכרומטיים משמשים כמעט לכל התוכן, בעוד שפלטת הצבעים שמורה למעברי צבע אטמוספריים, המבדילים את משטחי הכרטיסים, וכפתור בצורת גלולה יחיד שמשנה את צבעו מכחול-טורקיז לוורוד-לבנדר. כרטיסים צפים על רכסי פני השטח העדינים בצבע טורקיז (רדיוס 16 פיקסלים, ללא צללים) ולא על גובה, כך שההיררכיה נתפסת כעומק המים ולא כצל על הנייר. הרכיבים נראים מתחשבים ודמויי כלי: סימני מעקב באותיות גדולות, סמלי חץ גיאומטריים דקים, קריאות מספריות גדולות בוורוד חיוור.
קנבס כהה ברוחב מלא עם תוכן ברוחב מרבי של 1440 פיקסלים. האלמנט העיקרי הוא בלוק טקסט מרוכז (גבהה → כותרת → טקסט משנה → קריאה לפעולה) המשתרע על פני כל גובה חלון התצוגה, עם חלקיק כאלמנט רקע. המקטעים הם רצועות ברוחב מלא המופרדות על ידי רווחים אנכיים גדולים של 68 פיקסלים+, לסירוגין בין קנבס למשטחים שקועים מעט. המקטע "חקור" משתמש בפריסה אסימטרית בת שתי עמודות: העמודה השמאלית מכילה כרטיסי תכונה מוערמים, בעוד שהעמודה הימנית כוללת איור מולקולרי גיאומטרי. התוכן מרוכז בעמודות צרות (מקסימום ~600 פיקסלים) לקריאה קלה, במקום להימתח מקצה לקצה. הכותרת התחתונה היא בור שקוע (#011d1c) עם שוליים אנכיים של 120 פיקסלים, היוצרים את האפקט של בריכה עמוקה. הניווט הוא פאנל דק ושקוף עם אלמנטים במרווחים של 16-24 פיקסלים זה מזה. הקצב הכללי הוא קולנועי ומרווח - כל מקטע נושם, וסכמת הצבעים העמוקה, דמוית המים, יוצרת תחושה של ירידה עמוקה יותר עם כל קטע.
הסגנון הוויזואלי מינימליסטי ואווירתי. דף הבית מציג כדור חלקיקים תלת-ממדי - אלפי נקודות זעירות בצבע טורקיז-כחול ולבן היוצרות כדור מסתובב המהדהד את הבד ונגיעות ורודות-לבנדר לאורך הקצוות, ויוצרות אפקט ביולומינסנטי המזכיר אובייקט מידע. דיאגרמות מולקולריות גיאומטריות שטוחות (עיגולים לבנים וקווים מקשרים דקים על בד כהה) משמשות כאלמנטים דקורטיביים בעמודה הימנית. ללא תצלומים, ללא תמונות לייף סטייל, ללא אנשים - השפה החזותית מבוססת על גרפיקה נקייה של נתונים וצורות מופשטות. כדור החלקיקים הוא האלמנט הוויזואלי המגדיר את זהות המותג; הוא חייב להופיע לפחות פעם אחת בכל עמוד חשוב כדי לחזק את המטאפורה של ים עמוק.
לוּחַ הַצְבָעִים
מותג
- Liquid Abyss
#012624— הרקע העיקרי הוא בסיס העמוד, הכותרת, האלמנט הראשי והשדה הטורקיז הכהה הדומיננטי. הוא יוצר אווירה של עמוקות הים. - Liquid Deep
#011d1c— פני השטח השקועים משמשים ברקע של הכותרת התחתונה ולוחות הקרטון העמוקים יותר. הם נתפסים ככהים יותר בחצי טון מהבד, ויוצרים שיפוע עדין כלפי מטה של עומק. - Liquid Kelp
#003734— משטח כרטיס מוגבה ומילוי כפתור - משטח מוגבה הממוקם מדרגה אחת מעל התהום. משמש לכרטיסי תכונה, לוחות תוכן ונקודת ההתחלה של כפתור עם הדרגתיות.
נֵטרָלִי
- Liquid Mist
#edfffe— גוון לבן קר מדגיש את גוף הטקסט, כותרות הסעיפים והטיפוגרפיה החמה והבהירה. גוון כחול עדין מקשר את גוף הטקסט לסכמת הצבעים הטורקיז. - Platinum
#ffffff— לבן טהור משמש לכותרות, רכיבי ניווט, קווי מתאר של סמלים וטקסט בעל ניגודיות גבוהה. זהו צבע הטקסט העיקרי בכל רמות הכותרת ובניווט הראשי. - Silver Mist
#bbc7c6— טקסט משני, תיאורים מושתקים וצבע קישורים במצבם המקורי. יש להם גוון ירקרק קל, המשלים את הרקע הטורקיז. - Ash
#f2f2f2— טקסט נוסף לציטוטים וביקורות. גוון אפור ניטרלי וקריר למקרים בהם תת הגוון הטורקיז של Silver Mist מרגיש בהיר מדי. - Slate Deep
#707777— גוון עדין למשטחים לא פעילים או בעלי נראות נמוכה. הוא ממוקם בין הקנבס לקרטון, ויוצר הפרש גובה עדין מאוד. - Lavender Phosphor
#fde9ff— צבע תאורה אחורית לסטטיסטיקות גדולות, מספרי מונה ומדדים חשובים. הגוון הוורוד בגרדיאנט החתימה משמש במשורה כדגשה מוארת על משטחים כהים.
טיפוגרפיה
מ-10 עד 96 פיקסלים · 6 שלבים
- Matter — תַחֲלִיף: Inter · קווי מתאר 400, 500 · הגופן העיקרי לכותרות ולגוף הטקסט משמש, עם משקל של 500 עבור כל הכותרות (H1–H3) וטקסט קינטי גדול (86–295 פיקסלים). משקל של 400 משמש עבור גוף הטקסט וטקסט ממשק המשתמש. הוא כולל ריווח אותיות שלילי אגרסיבי בגדלים גדולים (-0.04em ב-61 פיקסלים, -0.046em ב-86 פיקסלים) וריווח אותיות חיובי רחב באותיות גדולות (0.08em ב-20 פיקסלים, 0.12em ב-12 פיקסלים, 0.15em ב-10 פיקסלים). האסטרטגיה של שימוש במשקל בינוני בלבד לכותרות היא מאפיין ייחודי - ללא גופן מודגש או בהיר - המעניקה לגופן ביטחון מכני אחיד.
- Arial — תַחֲלִיף: system-ui · קווי מתאר 400 · גיבוי משני עבור רכיבי ממשק משתמש אינטראקטיביים (ניווט, כפתורים, מיקרו-עותק של כותרת עליונה, כותרת תחתונה). מופיע רק ב-14 פיקסלים - משמש כגיבוי בטוח ואוניברסלי כאשר Matter אינו נטען, ומכסה תוויות טופס, טקסט כפתורים וטקסט עזר קטן.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְמוּצָע |
| שלב בסיסי | 20px |
| רדיוס הכפתור | 6px |
| רדיוס הכרטיס | 16px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 68px |
| רוחב העמוד | 1440px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Auros ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Design Full-Time — קולנוע אולפן עם זרקור חם אחד
- Air — הפסל "שמי חצות מבעד לזכוכית"
- Slash — כספת חצות עם ספרי חשבונות מוזהבים
- Raycast — מרכז פיקוד חצות, קורל ניאון
- Dimension — תחנת עבודה מוארת עם דמדומים ופאנלים מזכוכית חלבית
- Modal — מסוף זרחני בחדר שרתים חשוך - מקור האור היחיד הוא בצבע ירוק בהיר
- Giga — אופק חצות מעל אובסידיאן קפוא
- Reflect Notes — חלל סגול זרוע כוכבים הוא מצפה כוכבים אפל שבו תווים מרחפים כמו קבוצות כוכבים על רקע של ריקנות כמעט בצבע אינדיגו שחור.
- Ameba — חדר הבקרה בחצות - פעימה כחולה חשמלית בתוך לוחות זכוכית חלבית
- AgentQL — זוהר הצפוני מעל הטרמינל בלילה
- Frame — קולנוע להקרנות סרטים בשעות הלילה המאוחרות. חדר חשוך שבו זרקור כחול יחיד עושה את כל העבודה, וממשק המשתמש דוהה אל הרקע, ומאפשר להקרין תוכן יצירתי קדימה.
- Harness — בקרת משימה בחצות עם נגיעות ירוקות זרחניות