11⬛⬜
מסך מפוצל – Split Screen
שני חצאים זה לצד זה, כל אחד עם תוכן שונה. מתאים לבחירה בין שתי אפשרויות.
split-screen
"split-screen להשוואת שני מוצרים/תוכניות – אפשרות א׳ מול ב׳"
12📌
סרגל צד – Sidebar
תפריט ניווט קבוע מצד ימין ואזור תוכן ראשי. מתאים לדוחות ארוכים.
sidebar-nav
"דוח שנתי עם sidebar-nav – תפריט פרקים בצד + תוכן ראשי"
13🧱
בנייה – Masonry
בלוקים בגבהים שונים, ממולאים כמו פינטרסט. מתאים לגלריות.
masonry
"גלריית תמונות masonry מהאירוע – תמונות בגדלים שונים כמו פינטרסט"
14📌
גלילה דביקה – Sticky Scroll
תמונה נשארת קבועה בצד בזמן שהתוכן גולל. מתאים לסיפורי תמונות.
sticky-scroll
"sticky-scroll לדף מוצר – תמונה קבועה בצד, פרטים גוללים מצד שני"
15🖥️
מסך מלא – Fullpage
כל סקציה תופסת מסך שלם. גלילה ממסך למסך.
fullpage-scroll
"fullpage-scroll לסיפור חברה – 4 מסכים מלאים: ייסוד / צמיחה / היום / עתיד"
16💬
שיחה – Chat Layout
בועות שיחה מימין ומשמאל. מתאים לפרוטוקולים ושיחות מתועדות.
chat-layout
"chat-layout לפרוטוקול ראיון – שאלות מצד אחד, תשובות מהצד השני"
17👤
פרופיל / קורות חיים – CV
תמונה + שם + פרטים בצד, ניסיון ומיומנויות בגוף.
cv-profile
"cv-profile לכרטיס מרצה – תמונה, שם, תפקיד, ביוגרפיה קצרה ותחומים"
18📚
תוכן עניינים – TOC
פרקים ממוספרים עם קישורים עוגן. מתאים לדוחות ארוכים.
table-of-contents
"table-of-contents לדוח שנתי עם 6 פרקים ומספרי עמודים"
19🗃️
לוח קנבן – Kanban
עמודות סטטוס (לביצוע / בתהליך / הושלם). מתאים לתוכניות עבודה.
kanban
"kanban לתוכנית פרויקט – 3 עמודות: לביצוע / בתהליך / הושלם"
20🗺️
מפה + רשימה – Map-List
מפה בצד ורשימת פריטים בצד שני. מתאים לסניפים ואירועים לפי מיקום.
map-list
"map-list עם 3 מיקומי הסניפים ורשימת שעות פתיחה לכל אחד"
11
⚡ סייברפאנק – Cyberpunk
צהוב ניאון + ורוד חשמלי על שחור עמוק. עתידני ואגרסיבי.
cyberpunk
"אירוע גיימינג/esports – cyberpunk עם ורוד ניאון וצהוב חשמלי"
12
🏜️ מדבר – Sand & Dust
בז', חום, צהוב-זהב ועפרה. חמים ויבשים.
sand-desert
"כנס ארכיאולוגיה/מסעות – sand-desert בז' וחום חולי מדברי"
13
🌌 אורורה – Northern Lights
ירוק-טורקיז-סגול על שחור. שמיים קוטביים.
aurora
"אירוע מדע/חלל – aurora ירוק-טורקיז-סגול על שחור קוסמי"
14
🍭 ממתק – Candy Pop
ורוד, כחול, צהוב ואדום עזים. שמח ואנרגטי.
candy-pop
"אירוע ילדים/יום הולדת – candy-pop צבעים עזים ושמחים"
15
🏢 תאגידי – Corporate
כחול כהה, אפור, לבן ואדום-בורגנדי. אמין ורציני.
corporate
"מצגת עסקית/דירקטוריון – corporate כחול רשמי ואפור"
16
🌹 רוז גולד – Rose Gold
ורוד-זהב, שמפניה, לבן. נקי ומוקפד.
rose-gold
"הזמנה לחתונה/בת-מצווה – rose-gold ורוד זהב עדין ויוקרתי"
17
💻 מטריקס – Hacker
ירוק ניאון על שחור מוחלט. מרגיש דיגיטלי ומסוכן.
matrix
"הרצאת סייבר/אבטחת מידע – matrix ירוק על שחור"
18
📷 וינטג' – Vintage Sepia
חום-ספיה, שנהב, חרדל. נוסטלגי ורטרו.
vintage-sepia
"אירוע מורשת/זיכרון – vintage-sepia חום ספיה נוסטלגי"
19
⚡ חשמלי – Electric Storm
צהוב חשמלי, כחול-כהה, לבן. מתאים לאירועי ספורט.
electric
"אירוע ספורט/תחרות – electric צהוב חשמלי על כחול כהה"
20
🧊 נורדי – Scandinavian
כחול-אפור קר, לבן-שלג, טאופ. נקי ורגוע.
nordic
"סדנה מינימליסטית/well-being – nordic כחול-אפור קר וסקנדינבי"
11
👾 רטרו פיקסל – Pixel Art
גרפיקת 8-bit, פיקסלים גדולים, פונט monospace.
pixel-art
"אירוע גיימינג – pixel-art כרטיס ביקור/הזמנה בסגנון 8-bit"
12
🎨 אקוורל – Watercolor
שכבות שקופות עם גבולות מטושטשים. מתאים לאמנות וחינוך.
watercolor
"כרטיס/הזמנה לאירוע אמנות – watercolor כתמי צבע מטושטשים"
13
✂️ נייר חתוך – Paper Cut
שכבות נייר עם צללים. מתאים לאירועי חגיגה.
paper-cut
"הזמנה לאירוע חגיגי – paper-cut שכבות נייר עם צללים עדינים"
14
⚫ נקודות – Dot Pattern
רקע רשת נקודות. אלגנטי ומינימליסטי.
dot-pattern
"רקע dot-pattern אלגנטי לכרטיס ביקור או hero בכנס"
15
↗️ פסים – Diagonal Stripes
פסים אלכסוניים כרקע. מרגיש ספורטיבי ופעלתני.
stripes
"רצועת הכרזה/אזהרה עם stripes אלכסוניים בולטים"
16
📐 חתך אלכסוני – Clip Path
חיתוך CSS שמייצר מעבר אלכסוני בין סקציות.
clip-diagonal
"מעבר clip-diagonal אלכסוני בין hero לתוכן בדף נחיתה"
17
✨ גבול מאיר – Glow Border
מסגרת עם זוהר גרדיאנט. מרהיב על רקע כהה.
glow-border
"כפתור Premium/VIP עם glow-border מסגרת גרדיאנט מאירה"
18
🧊 רקע מטושטש – Blur BG
תמונת רקע עם ערפל מעל. יוצר עומק ועדינות.
Frosted UI
backdrop-filter
frosted-blur
"כרטיס תוכן על תמונת רקע – frosted-blur ערפל לבן שקוף"
19
🫧 בלוב – Organic Blob
צורות אורגניות כמו נוזל. מרגיש מודרני ויצירתי.
svg-blob
"רקע svg-blob צבעוני לכותרת hero של דף נחיתה"
20
🎊 קונפטי – Confetti
עיגולים ומלבנים צבעוניים מפוזרים ברקע.
confetti
"באנר confetti שמח לאירוע חגיגי / יום הולדת / בר-מצווה"
11🌳
עץ ארגוני – Org Chart
היררכיה ויזואלית עם קווי חיבור. מתאים לצוותים ומוסדות.
org-chart
"org-chart למבנה הארגוני של החברה – מנכ"ל + 4 מחלקות"
12⚖️
טבלת השוואה – Comparison
תוכניות זה לצד זה עם ✓ ✗. מתאים לתמחור ובחירת שירות.
פיצ׳ר
בסיסי
Pro
חיפוש
✓
✓
ייצוא
✗
✓
API
✗
✓
comparison-table
"comparison-table להשוואת 3 תוכניות מחיר עם ✓/✗ לכל פיצ׳ר"
13🖼️
גלריה – Photo Gallery
תמונות בגריד עם Lightbox. מתאים לאירועים ותיקי עבודות.
photo-gallery
"photo-gallery לתמונות מהאירוע – 6 תמונות + כפתור 'הצג עוד'"
14🍳
כרטיס מתכון – Recipe
תמונה, מרכיבים, שלבי הכנה, זמן ורמת קושי.
🥚 ביצים · 🧈 חמאה · 🍫 שוקולד
recipe-card
"recipe-card עם תמונה, זמן הכנה, דירוג ורשימת חומרים"
15💬
המלצות – Testimonials
ציטוט + תמונה + שם ותואר. מתאים לדפי שירות.
"השירות היה מדהים ומקצועי!"
testimonials
"3 testimonials ממשתתפי הכנס – ציטוט, תמונה, שם ותפקיד"
16📧
ניוזלטר – Newsletter
אימייל מעוצב עם כותרת, תוכן, CTA ופוטר.
שלום! הנה מה שקרה השבוע...
קרא עוד →
newsletter
"newsletter שבועי – לוגו, כותרת ראשית, סיכום קצר וכפתור CTA"
17📈
דוח התקדמות – Progress
גרפי עמודות, דונאט ומספרים מרכזיים. מתאים לסיכום שנתי.
progress-report
"progress-report עם גרף עמודות ל-4 רבעונים + אחוז השגת יעד"
18🌤️
מזג אוויר – Weather
טמפרטורה, תחזית 5 ימים, אייקונים. מתאים לאירועי חוץ.
ב׳
☀️
26°
ג׳
⛅
22°
ד׳
🌧️
18°
ה׳
☀️
25°
weather-widget
"weather-widget לדף אירוע חוץ – עיר, טמפרטורה, תחזית 4 ימים"
19🎵
נגן מוזיקה – Player
אלבום, שם שיר, פס התקדמות וכפתורי ניגון.
music-player
"music-player לפלייליסט אירוע – שם שיר, זמן, כפתורי ניגון"
20📋
דוח שנתי – Annual Report
עמוד שער + נתוני מפתח + גרפים + תובנות.
annual-report
"annual-report לארגון – 3 מדדי מפתח, גרף שנתי ואחוז עמידה ביעד"