תאורת תלייה LED מינימליסטית NovaLume עם שלט רחוק
סקירה כללית
כללי העיצוב הבאים מגדירים כיצד דף המוצר מציג את תאורת התלייה LED המינימליסטית NovaLume עם שלט רחוק. הם מכתיבים את מראה הסעיפים הפתוחים, את הטיפול בכותרות הסעיפים, את התנהגות לוחות האקורדיון, ואת פריסת התגובה והטיפוגרפיה כדי להבטיח הצגה נקייה ומודרנית.
תכונות עיצוב מרכזיות
- מצב פתוח (is-open) מיישם רקע בהיר וריפוד אופקי לאזורי התוכן כדי להדגיש סעיפים מורחבים.
- כותרות תחתונות של סעיפים (section-footer__title) משתמשות בריווח אותיות מוגבר, משקל גופן בינוני, וגודל גופן קומפקטי לתווית מובחנת וקריאה.
- לוחות אקורדיון (accordionPanel) מציעים מעבר חלק של גובה מקסימלי במסכים גדולים לאפקט פתיחה/סגירה מעודן, עם רקע בהיר וגלישה מוסתרת כשהם סגורים.
- עטיפות אקורדיון (accordionWrapper) מנהלות את הנראות באמצעות מעברי דהייה ומבטיחות ריפוד עקבי בכל נקודות הצפייה.
- עמודות תגובתיות (columns) עוברות לפריסת שתי עמודות במסכים רחבים יותר כדי לשפר את צפיפות התוכן תוך שמירה על קריאות.
טיפוגרפיה וריווח
- הטיפוגרפיה משתמשת בגופנים כמו Replica Std ו-Helvetica Neue למראה מודרני ונקי. חלק מהכותרות מעוצבות באותיות גדולות עם ריווח אותיות צמוד ליצירת היררכיה בולטת.
- כלי הריווח מווסתים שוליים וריפודים לשמירה על קצב עקבי בין האלמנטים, כולל שוליים תחתונים וריפודים פנימיים.
- רשימות ומכלי תוכן מאפסים את סגנונות הרשימה והשוליים המוגדרים כברירת מחדל כדי להבטיח פריסה מסודרת.
הערות על המבנה
הכללים המתוארים מתמקדים בהצגת הדף ואינם מוסיפים תכונות נוספות או אלמנטים חיצוניים מעבר למסגרת העיצוב המתוארת.