מנורת קיר LED קריסטל AstraLux עם כיסויים מזכוכית שקופה
להלן סקירה מסודרת המופקת מפרטי העיצוב שסופקו ומשמשת לדף המוצר. היא מפרטת את עיצוב מצב הפתיחה, התנהגות הפריסה וכללי הטיפוגרפיה השולטים בהצגת תיאור מוצר זה.
עיצוב מצב פתוח
- .is-open { רקע: #f7f7f7; ריפוד: 0px 30px; }
עיצוב כותרת תחתונה
- .section-footer__title { ריווח אותיות: 2px!important; עובי גופן: 500!important; גודל גופן: 1rem!important; }
התנהגות לוח מקפלים
- .styles-module--accordionPanel--r0+I+ { צבע רקע: #f7f7f7; גובה מקסימלי: 2200px; גלישה מוסתרת; }
- שאילתות מדיה: ברוחב מינימלי 768px, לוח המקפלים משנה את הגובה המקסימלי במשך שנייה אחת עם אותם הגבלות רקע וגובה.
התנהגות עוטף מקפלים
- .styles-module--accordionWrapper--3e-Eu { ריפוד: 0rem 0rem; מעבר: שקיפות 0.5 שניות קלות 0.2 שניות; שקיפות: 1; ישתנה: שקיפות; }
פריסת עמודות
- במסכים גדולים יותר (רוחב מינימלי: 768px), .styles-module--columns--sZFL5 משתמש בפריסת שתי עמודות.
איפוס עולמי וטיפוגרפיה
- כללי איפוס לרשימות ואלמנטים בטפסים כוללים: menu, ol, ul ללא עיצוב רשימה ברירת מחדל וללא שוליים/ריפוד במידת הצורך.
- .mb-8 מגדיר שוליים תחתונים של 2rem.
- .type-upper-070 מגדיר עובי גופן ל-700 וריווח אותיות ל-0.0875rem.
- .type-upper-040 ו-.type-upper-070 חולקים משפחת גופנים Replica Std, Helvetica Neue, סנס-סריף, גודל גופן 0.625rem, גובה שורה 1.6, ומומרים לאותיות גדולות.
- .max-w-sm מגדיר רוחב מקסימלי של 24rem; .mb-6 מגדיר שוליים תחתונים של 1.5rem.
- .gatsby-image-wrapper תוכן עם [data-main-image] מוסתר בתחילה לשיפור ביצועים, באמצעות שקיפות 0 והזזה בתלת-ממד translateZ(0).
הערה: התוכן משקף את מערכת העיצוב המשמשת להצגת דף המוצר ואינו מוסיף תכונות נוספות למוצר.