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

Subframe

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

Subframe הוא מרחב עבודה של מעצב מונוכרום: בד קנבס חם וקרמי, דיו שחור-גרפיט, והיעדר מוחלט של נגיעות כרומטיות. הממשק כולו נתפס כחומר יחיד - נייר, עיפרון וצל - עם נגיעה טיפוגרפית נועזת אחת: סריף מעודן (Instrument Serif) על רקע סאנס-סריף שיטתי (Inter), המעניק כוח עורכי לכותרות. המשטחים שטוחים וממוסגרים במקום מורמים; עומק מושג באמצעות מחיצות דקות ב-#e5e7eb והדגשות מוטבעות על פקדים כהים במקום צללים. הצפיפות נדיבה: קצב אנכי רחב (48-64 פיקסלים של פערים בין מקטעים), פריסות מרוכזות ברוחב מלא, ורווח לבן נדיב סביב טקסט. הצבע היחיד הוא הניגוד בין כמעט לבן לכמעט שחור, מה שהופך את הכפתור הכהה לאלמנט הבולט ביותר בכל עמוד, ואת רצועת הלוגואים של מותגי שותפים בגווני אפור לאלמנט הוויזואלי הדקורטיבי היחיד.

פריסות מרוכזות ברוחב מלא (1200 פיקסלים) עם קצב אנכי נדיב. האלמנט הראשי הוא בלוק יחיד וממורכז: פקד כהה ומפולח בחלק העליון, כותרת "בין" גדולה, כותרת משנה בת שורה אחת ושני כפתורים סמוכים (מלאים + שקופים) - ללא תמונה צדדית, ללא הפרדה בין הפריסה. מתחת לאלמנט הראשי נמצא פס לוגו מרוכז בגווני אפור. כל מקטע עוקב אחר אותו דפוס: בלוק כותרת וכותרת משנה מיושרים לשמאל, ואז מסגרת תצוגה למוצר ברוחב מלא עם 48-64 פיקסלים של רווח מרווח בין המקטעים. הניווט מינימלי: סרגל עליון עם קישורים מרוכזים ופעולות מיושרות לימין, ללא סרגל צד, ללא תפריט-על. הדף נקרא מלמעלה למטה כסדרה של הצהרות מרוכזות, לכל אחת מהן ניתן מרחב נרחב - הפריסה מרגישה יותר כמו תיק עבודות עריכה מאשר דף מוצר עמוס.

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

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

נֵטרָלִי

  • Page Canvas #fafafa — רקע הדף, הגלויה על בד קנבס, הטקסט הבהיר על משטחים כהים – צבע לבן חם העומד בבסיס כל המערכת המונוכרומטית.
  • Hairline Border #e5e7eb — מחיצות, גבולות כרטיסים, מסגרות תמונה, קווי מתאר של אייקונים - סוג קווי המתאר הנפוץ ביותר במערכת, מגדיר את המבנה המרחבי.
  • Card Surface #ededed — רקע מוגבה לכרטיסים, משטח נוסף - ממוקם צעד אחד מעל הבד, ויוצר קיבוץ ללא צללים.
  • Divider Mid #dadada — מחיצות גווני ביניים ומעברים בין מקטעים
  • Graphite #242424 — מילוי ניטרלי בעל ניגודיות גבוהה עבור כפתורים ראשיים על משטחים בהירים.
  • Ink Black #171717 — גוף הטקסט, כותרות, קווי מתאר של אייקונים - קצת יותר קריר מגרפיט, המשמש לטיפוגרפיה ולא למשטחים.

טיפוגרפיה

מ-12 עד 128 פיקסלים · 7 שלבים

  • Inter — תַחֲלִיף: Inter (Google Fonts) · קווי מתאר 500, 600, 700 · ממשק מערכת sans-serif - ניווט, גוף טקסט, כפתורים, כותרות משנה וכותרות סעיפים. משקל: 500 לגוף טקסט ובקרות, 600 לכותרות משנה והדגשות ניווט, ו-700 לכותרות סעיפים. ריווח אותיות שלילי חזק דוחס צורות גיאומטריות בכל גודל, ומעניק לממשק מראה טכני דחוס.
  • Instrument Serif — תַחֲלִיף: Playfair Display · קווי מתאר 400 · גופן סריף שתוכנן במיוחד עבור כותרות ותוכן מערכתי. משקלו 400 ורווח האותיות שלו של -0.025 אלם יוצרים מראה אלגנטי ונטוי, המנוגד לגיאומטריה התעשייתית של Inter - טכניקת חתימה: מילה או ביטוי סריף יחיד בתוך דף sans-serif, המשמשים כפיסוק חזותי ולא כסגנון כותרת.
  • Fragment Mono — תַחֲלִיף: JetBrains Mono · קווי מתאר 400 · הדגשה מונו עבור אלמנטים דמויי קוד מוטבעים, תוויות תגיות והסברים טכניים. בשימוש מצומצם, הוא מופיע ברשימות פונקציות ובהערות מוטבעות כאשר כלי העיצוב רוצה לציין "זהו פלט מכונה".

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

מַטָרָהמַשְׁמָעוּת
צְפִיפוּתמְמוּצָע
שלב בסיסי8px
רדיוס הכפתור16px
רדיוס הכרטיס24px
צלליםאין גבולות במקום צללים
בין סעיפים64px
רוחב העמוד1200px

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

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

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

  • monopo saigon — זוהר נוזלי וססגוני מאחורי דממת המערכת - גלריית עריכה מונוכרום הצפה על אור מותך
  • Hyer Aviation — דמדומים בתא הטייס מעל קלף. שמי השחר החיוורים פוגשים את הלוגו הסריף בגודל גוף המטוס, ונגיעת חרס חמה אחת שובר את האיפוק המונוכרומטי.
  • OFF+BRAND. — כדור ססגוני על קלף חם
  • Seed — אורגניזם חי תחת זכוכית מעבדה
  • Eindhoven Design District — ברוטליזם עריכתי על נייר לבן הוא מניפסט עיצובי עירוני, מבוצע בגופן גדול, עם צילום מינימלי ואיפוק מוחלט.
  • Miranda — גופן קלאסי בפורמט רחב על רקע קרם בהיר - מאמר מערכת לעידן הדיגיטלי
  • Monocle — עיתון איכותי בפורמט רחב על נייר בצבע קרם. מאמר מערכת שנבחר בקפידה, שבו כל טור ראוי למקומו, ורק צבע אחד בעל משמעות מופיע על הדף.
  • Agencja brandingowa — גלריית עריכה בגוונים לבנים עם טיפוגרפיה שנעשתה בדיו שחורה
  • Websmith Studio — אור בוקר על נייר קרם
  • Aspelin Reitan — ארכיון אדריכלי לאור נרות - הדף נראה כמו תיק עבודות של חללים בנויים, מוצמד לקיר בצבע קרם חם, עם שורה אחת של טקסט לבן שצפה מעל כל תמונה על פני כל רוחב הדף.
  • Public — מאמר מערכת מונוכרום על שיש קר - כמעט בד מונוכרום, עם גופן סריף של 300 נקודות וגימור סגול יחיד שעושים את כל עבודת הצבע.
  • Motto — מונולית טיפוגרפי על נייר – קול יחיד ובטוח שמכריז על עצמו על נייר לבן כשלג