
Monad
כתב עת טכני עריכה על קלף חם
Monad מציגה את כל הממשק שלה על בד קלף חם (#f6f3f1), ומבדילה אותו מיד מתבנית SaaS לבנה טהורה טיפוסית. לכותרות יש משקל עריכה והן מוצגות בגופן Untitled Serif, גופן במשקל 400 - אף פעם לא מודגש - בעוד שכל תוכן הטקסט, הניווט ואלמנטי ממשק המשתמש מוצגים בגופן ABC Diatype Mono, מה שנותן לאתר מרקם של מדריך טכני למגזין ספרותי. כחול בוהק יחיד (Lake) מספק את המבטא הכרומטי היחיד לפעולות מפתח; כל השאר נשמר בפלטה אפורה חמה, כך שמשטח הכרטיס בצבעי פריווינקל (#cfdaf5) ומעברי הגרדיאנט הרכים בצבעי פסטל (אלמוג, כחול שמיים, מנטה, זהב) מרגישים יותר כמו פיסוק מכוון מאשר רעש. רכיבים מסתמכים על גבולות עדינים ומכלי גלולה ולא על צללים, והקצב נשמר רגוע ומרווח הודות לכניסות דמויות כרטיס והרבה רווח אנכי בין מקטעים.
השפה החזותית מבוססת על דיאגרמת צינור נתונים מפותחת: צמתים בצורת גלולה המסומנים בקווים דקים ומעוקלים, עם סמלים קטנים בתוך כל צומת המייצגים מקורות נתונים (כל מקור, יומני ענן, פגיעויות) ויעדים (SIEM, אחסון ענן, אגם נתונים). הדיאגרמה משתמשת בזוהר רדיאלי ירוק רך במרכז כדי להדגיש את נרמול הנתונים. גווני אטמוספירה מעורפלים (אלמוג → כחול שמיים, כחול שמיים → מנטה) עם מסנני טשטוש חזקים יוצרים הילות צבע רכות מאחורי התוכן הראשי והפונקציונלי. לוגואי השותפים מוצגים בשורה אחת, תוך הדגשת ההשפעה החברתית. כרטיס "טרנספורמציות נתונים בתהליך" כולל איור גדול מעורפל עם צורות גיאומטריות שקופות חופפות. תמונות אינן בשימוש - המותג מעביר מידע אך ורק באמצעות טיפוגרפיה, דיאגרמות וסכמות צבעים.
לוּחַ הַצְבָעִים
מותג
- Parchment
#f6f3f1— בד הציור של הדף וחלק ניכר ממילוי פני השטח - הגוון החם והקרמי הזה - הם הצבע המאפיין את המותג, המבדיל מיד את האתר מתבניות SaaS שהן כולן לבנות. - Lake Blue
#2b59d1— סגול משמש להדגשת רקעים, פסים דקורטיביים וכדגשה עדינה מאחורי תוכן. אין להשתמש בו כצבע העיקרי לקריאות לפעולה.
נֵטרָלִי
- Off-Black
#242424— מילוי ניטרלי בעל ניגודיות גבוהה עבור כפתורים ראשיים על משטחים בהירים. - Periwinkle Mist
#cfdaf5— ממשק מאופק עבור פקדים מושבתים, לוחות עם דגש נמוך ובלוקים של מיקום. - Sky Blue
#a0b5eb— עצירת גרדיאנט דקורטיבית - מופיעה במילוי אטמוספרי ובקווי זרימה בדיאגרמת הצינורות, לעולם לא משמשת כמילוי ממשק משתמש. - Mint
#a7fccd— פלטת צבעים משנית עבור אלמנטים דקורטיביים קטנים כאשר פלטת הצבעים הראשית זקוקה לניגודיות. - Coral
#ff9473— פלטת צבעים משנית עבור אלמנטים דקורטיביים קטנים כאשר פלטת הצבעים הראשית זקוקה לניגודיות. - Gold
#ecda98— נקודת גרדיאנט דקורטיבית היא הדגשה חמה במעברים גרדיאנטיים, שלעולם אינה בשימוש בממשקי משתמש פונקציונליים.
טיפוגרפיה
מ-12 עד 80 פיקסלים · 10 צעדים
- ABC Diatype Mono — תַחֲלִיף: JetBrains Mono · קווי מתאר 400, 500 · טקסט עיקרי, ניווט, כפתורים, סמלים, תגיות וכל טקסט ממשק המשתמש. גופן בעל מרווח אחיד בכל האלמנטים הפונקציונליים מעניק לממשק תחושה של מדריך טכני - טקסט עיקרי בגודל 16-20 פיקסלים נתפס כנתונים, לא כנתונים שיווקיים. תוויות ניווט וסמלים משתמשים בגופן של 18 פיקסלים עם ריווח אותיות מדויק יותר; גופנים קטנים יותר ומטא-טקסט משתמשים בגופן של 12 פיקסלים עם אותיות גדולות בלבד. גודל גופן של 500 פיקסלים שמור לאלמנטים בולטים של ממשק המשתמש.
- Untitled Serif — תַחֲלִיף: Times New Roman · קווי מתאר 400 · עבור כותרות וכותרות משנה בלבד - בשימוש ב-80 פיקסלים (טקסט ראשי), 48 פיקסלים (מקטע), 40 פיקסלים ו-32 פיקסלים (מקטעי משנה) ו-24 פיקסלים (כותרות כרטיסי תיאור). משקל הגופן קבוע על 400 עבור כל הגדלים; הניגודיות הטבעית של גופן serif וריווח האותיות -0.02em מספקים את המוקד העיקרי במקום מודגש. זהו סגנון העריכה: כותרות לוחשות בתחכום טיפוגרפי במקום לצעוק בכבדות.
- Untitled Sans — תַחֲלִיף: Inter · קווי מתאר 400 · גופן ללא כותרת Sans - נמצא בנתונים שחולצו אך לא מתואר על ידי הבינה המלאכותית.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְמוּצָע |
| שלב בסיסי | 16px |
| רדיוס הכפתור | 100px |
| רדיוס הכרטיס | 40px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 64px |
| רוחב העמוד | 1432px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Monad ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- ElevenLabs — חיבור מצולם בגווני קרם חמים עם כותרות עדינות. מחברת בסגנון באוהאוס - נייר בצבע קליפת ביצה, דיו שחור, וגימור סגול וכתום יחיד לתצוגת מוצרים.
- Awesomic — רשת אבץ עריכתית עם סימני פיסוק כתומים המזכירים קונפטי
- Dub — לוח הבקרה של נייר האורז המט של לינק
- Seline Analytics — שולחן אנליטי שקט על נייר חם
- Notion — מחברת נייר חמה בשמש הצהריים
- Anthropic — כתב עת מדעי על קלף חם - משטחים בצבע שנהב רגועים, כותרות עריכה מסומנות, והדגשת חרס יחידה המופיעה רק כאשר נדרשת פעולה.
- Calendly — דיו כחול כהה על שיש קר
- Augen Pro — המצגת הלבנה של אפל מציגה גוון כחול חשמלי קליני, חסר משקל וחסר גוון כמבטא יחיד בחלל מונוכרום.
- Antimetal — כרוניקה מערכתית על נייר בצבע קרם - בוקר שקט בכתב עת מדעי, שבו איפוק משדר ביטחון וסריפים עושים את העבודה הקשה
- Perk — ליים חשמלי על נייר אפייה חם
- Ditto — סדנה שטופת שמש ליצירת דוגמיות פרחי בר. משטחים חמים בצבע קרם, צבע בסיס צהוב עז, דיו כחול כהה עמוק, צורות צבע אורגניות פורחות מאחורי היצירה.
- Officevibe — מגזין מערכת על נייר בצבע קרם חם. דמיינו מאמר מעמיק על ניהול משאבי אנוש, המוצג כמוצר - גופן סריף חתוך לוחש דרך ממשק כחול מודרני.