טלגרם, WhatsApp+380637610482
ולרי דניוק
ולרי דניוקמפתחפיתוח כלי בינה מלאכותית לעסקים. איכות גבוהה. במחיר סביר.שלחו הודעה ב-Telegram
Superlist — תצוגה מקדימה של אתר בסגנון זה

Superlist

סביבת עבודה לילית עם גחלים אלמוגים - משטח חציל שקט שבו ניצוץ כתום חם בודד מסמן כל פעולה

Superlist משתמשת בשפת פרודוקטיביות בגווני סגול חצות: חציל עמוק, אלמוג חם כצבע העיקרי היחיד, וכותרות גדולות בגוון סאנס-סריף שלוכדות את האווירה כולה. הממשק מעורר תחושה של עבודה ממוקדת בשעות הלילה המאוחרות - שקטה, רב-שכבתית ובטוחה, כאשר הצבע משמש רק כפיסוק פונקציונלי בקריאות לפעולה, מצבים פעילים ונקודות מפתח. המשטחים מרוכזים בגוונים כהים עדינים עם תת-גוון סגול (#181824 → #26253b), תוך הימנעות משחור טהור כדי להבטיח שהעומק ירגיש חם ולא סטרילי. הרכיבים כוללים צורות מעוגלות ונדיבות (כרטיסים של 20 פיקסלים, כפתורי גלולה), צללים רכים ו"נשימה" דרך פערים נוחים של 10-16 פיקסלים במקום רשתות צפופות. קול הכותרת הוא הכל: משקל של 600 נקודות ב-70-88 פיקסלים עם ריווח אותיות צפוף של -0.02em מתייחס לטקסט כטיפוגרפי ולא לממשק משתמש - הוא קרוב יותר לטקסט עריכה מאשר לתוכן כשירות כשירות.

מקטעים כהים משתרעים על פני כל רוחב העמוד, עם מיכלי תוכן מרוכזים ברוחב מקסימלי. המקטע הראשי מרוכז אנכית ומכיל כותרת, טקסט משנה וקריאה לפעולה (CTA), ולאחר מכן צילום מסך גדול של המוצר החופפ את המקטע הבא. המקטעים הבאים מתחלפים בין בלוקי טקסט מרוכזים לרשתות כרטיסים. מקטע הביקורות משתמש ברשת בת שלוש עמודות עם כרטיסי ביקורת ו-16 סרגל מקווקו. הניווט הוא סרגל עליון יחיד עם לוגו משמאל, קישורים מרוכזים ופעולות התחברות מימין - ללא סרגל צד קבוע או תפריט-על. המרווחים בין המקטעים נדיבים (16 סרגל מקווקו), ויוצרים קצב עריכה מרווח ולא רשת מוצרים צפופה.

המרחב החזותי נשלט על ידי צילומי מסך של המוצר - מסגרת גדולה עם פינות מעוגלות, המציגה את ממשק האפליקציה בפועל, ממלאת את החלקים הראשי והמשני. התמונות מינימליות, ומשמשות רק כאוואטרים של משתמשים או תצוגות מקדימות של מדיה בתוך האפליקציה (לדוגמה, תמונת הקונצרט בפאנל הימני של דגם המוצר). הלוגואים בסרגל האמון הם סמלי טקסט לבנים שטוחים ומושתקים. אין איורים דקורטיביים, אין גרפיקה מופשטת, אין עיבודים תלת-ממדיים. האסטרטגיה החזותית היא להציג את המוצר בקנה מידה גדול, לתת לטיפוגרפיה לעשות את העבודה הרגשית, ולהשתמש בצבע אלמוג כצבע המבטא היחיד.

לוּחַ הַצְבָעִים

מותג

  • Coral Ember #ff4a36 — כתום משמש כצבע משני לפרטים דקורטיביים ולהדגשת רמזים לא נדירים. אין להשתמש בו כצבע העיקרי לקריאות לפעולה.

נֵטרָלִי

  • Aubergine Canvas #181824 — רקע העמוד, בד הציור הראשי, הוא גוון חם וכהה המחליף שחור טהור, מה שגורם לממשק המשתמש להיראות שכבתי ולא שטוח.
  • Elevated Plum #26253b — משטחי כרטיסים, שדות קלט, מכלי ניווט - צעד אחד קל יותר מאשר קנבס ליצירת עומק ללא גבול גלוי.
  • Pure White #ffffff — כותרות ראשיות, טקסט כפתורים וקווי מתאר של סמלים - ניגודיות מקסימלית על בד ציור כהה.
  • Fog Text #696f81 — הטקסט הראשי, הכותרות המשניות והגבולות המושתקים כוללים יחס ניגודיות של 7:1 לקריאה נוחה על רקע בצבע חציל.
  • Ash Text #8e8da0 — צבע ניטרלי נתמך עבור רכיבי ממשק משתמש משניים, מחיצות ותוויות מושתקות. אין להשתמש בו כצבע הראשי עבור קריאות לפעולה.
  • Mist Highlight #a3a3a7 — גבולות עדינים, חוצצים ואלמנטים של ניווט לא פעילים יוצרים גוון ניטרלי עדין שעדיין בולט על רקע הקנבס.

טיפוגרפיה

מ-12 עד 88 פיקסלים · 9 צעדים

  • sans-serif — תַחֲלִיף: Inter · קווי מתאר 400 · sans-serif - נמצא בנתונים שחולצו אך לא מתואר על ידי הבינה המלאכותית.
  • Haffer XH SemiBold — תַחֲלִיף: Inter Tight · קווי מתאר 400, 600 · הגופן העיקרי לתצוגה ולכותרות. הוא משמש בגודל של 70–88 פיקסלים עבור כותרות ראשיות עם ריווח אותיות של -0.02em ומשקל של 600. ריווח האותיות הצר וגובה האותיות הגדול מעניקים לכותרות משקל עריכתי, מה שגורם לממשק הכהה להיראות יותר כמו שער מגזין מאשר לוח מחוונים. החלף ב-Inter Tight או General Sans במשקל מודגש.
  • Jersey 10 — תַחֲלִיף: Anybody · קווי מתאר 400 · גופן גדול ודקורטיבי למספרי הדגשה והדגשות. נעשה בו שימוש מועט בגדלים גדולים מאוד ליצירת הדגשות טיפוגרפיות. ניתן להחליפו ב-Anybody או ב-Cabinet Grotesk.

אינטרוולים וצורה

מַטָרָהמַשְׁמָעוּת
צְפִיפוּתמְמוּצָע
שלב בסיסי10-16px
רדיוס הכפתור100px
רדיוס הכרטיס20px
צלליםצללים רכים
בין סעיפים80px
רוחב העמוד1200px

בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Superlist ותמלא אותו

  • מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
  • העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
  • עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
  • אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.

סגנונות דומים

  • DNA — מצפה חצות כפי שנראה דרך עדשת חלקיקים
  • Abetterlou — ניצוצות על עור אוכף - גופן חם בצבע קרם זוהר על רקע שחור-קפה עמוק, עם כפתורים זהובים-ענבריים שמרגישים כמו מתכת חמה לחוצה לתוך הדף.
  • Galileo-ft — סיפון פיקוד לחלל עמוק עם אותות כחולים חשמליים
  • Decide AI — מצפה כוכבים בחצות - אות מנטה
  • Redis Agency — סדנת העריכה, הפתוחה לאחר שעות הפעילות, היא מקום אפלולי שבו כל עבודת המיתוג נעשית באמצעות גופני סריף וצנון אדום בודד.
  • Spellbook — אולם בית משפט חצות מואר בדיו אלמוגי - משטח עריכה כהה שבו הצליל היחיד הוא משיכת עט כתומה וחמה
  • Linear — מכשיר דיוק חצות
  • Origin Financial — גלריה חצות של פאר שקט. חדר שקט, כמעט חשוך, שבו גופני סריפים גדולים וכמה פאנלים צבעוניים מוארים יוצרים את התחושה שתחום הפיננסים הוא יצירת אמנות שנבחרה בקפידה.
  • Hyperstudio — העיצוב חרוט באובסידיאן. טקסט וקווים דקים מסגרים מרחב לבן של שחור טהור, עם סימני מצפן זהובים מדי פעם המצביעים על הדרך.
  • Air — הפסל "שמי חצות מבעד לזכוכית"
  • Raycast — מרכז פיקוד חצות, קורל ניאון
  • dope.security — טרמינל חצות עם משואות סגולות