V4
משתנים - Variables
משתנים (Variables) הם הבסיס של העיצוב. הם נחלקים לשלוש קטגוריות - צבע, מידה וגופן. שימוש בהם ישמור על עקביות העיצוב, וכל שינוי שיעשה בהם יתעדכן אוטומטית באופן גורף בכל האתר.
צבע
🖌️
שם
ערך
primary_1
#071567
primary_bright
#5A6DDE
primary_2
#C1C3D4
primary_bkg
#DFE2ED
primary_cover
#07156780
cta_bright
#D1BC00
cta_dark
#9A8C41
secondary_1
#C3BEA4
secondary_2
#CDCCBE
secondary_bkg
#EAE9E0
transparent_white
#FFFFFFEB
white_hover
#FFFFFF7D
white
#FFFFFF
paragraph
#000000
warning
#FF0101
success
#06AB02
Light_Grey
#F5F5F5
מידה
📏
שם
ערך
1px
1px
2px
2px
4px
4px
8px
8px
12px
12px
16px
16px
24px
24px
32px
32px
40px
40px
48px
48px
56px
56px
64px
64px
72px
72px
box_width_small
960px
box_width_medium
1200px
box_width_large
1400px
quarter25
25%
33
33%
half50
50%
75
75%
full100
100%
100VH
100vh
75VH
75vh
50VH
50vh
גופן
Aa
שם
ערך
Noto_sans_HEB
Noto Sans Hebrew
סגנונות - Classes
בלשונית זו מוצג קטלוג של כל 27 הסגנונות הגלובליים (Global Classes) של האתר, מקובצים לפי קטגוריה. כל דוגמה מציגה את הווידג'ט עם הסגנון האמיתי מוחל עליו בפועל (לא צילום מסך).
טיפוגרפיה (Typography)
כל קלאסי הטיפוגרפיה מסונכרנים עם הגדרות הטיפוגרפיה הגלובליות של ה-Kit. לעריכת ההגדרות הגלובליות →
כותרת לדוגמה
.heading_H1
כותרת לדוגמה
.heading_H2
כותרת לדוגמה
.heading_H3
כותרת לדוגמה
.heading_H4
כותרת לדוגמה
.heading_H5
כותרת לדוגמה
.heading_H6
טקסט פסקה ראשית לדוגמה
.paragraph_main
טקסט פסקה בגודל בינוני
.paragraph_medium
טקסט פסקה קטנה לדוגמה
.paragraph_small
טפסים (Forms)
רשימת שדות
.form_list
מעטפת טופס
.form
.form_message
.form_label · .form_feild · .form_check_box · .form_bttn
כפתורים (Buttons)
.secondary_bttn
.third_bttn
קונטיינרים (Containers)
רוחב מקסימלי 1400px
.box_1400px
רוחב 1200px
.box_width_1200
רוחב 960px
.box_960px
קונטיינר בהיר
.container_light
רשימות (Lists)
פריט 1
פריט 2
.icon_list_V
פריט 1
פריט 2
.icon_list_H
אפקטים (Effects)
.divider
תיבה עם הצללה
.box_shadow
.checked
רכיבים - Components
בלשונית זו מוצגים כל 11 ה-Components (רכיבים שמשתמשים מרובים) השמורים באתר, מקובצים לפי סוג. כל רכיב מוצג כאן בפועל עם תוכן הדוגמה שלו (לא תוכן אמיתי).
כפתורים (Buttons)
primary_bttn_comp
רשימות (Lists)
item_list
icon_list_negative
icon_lists_H
צוות (Team)
team_member
team_member2
team_member3
עינב שרון-לוי
עו״ד נזיקים ומקרקעין
לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח.ף קינץ תתיח לרעח. לת צשחמי צש בליא, מנסוטו צמלח לביקו ננבי, צמוקו בלוקריה.לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח.ף קינץ תתיח לרעח.
לת צשחמי צש בליא, מנסוטו צמלח לביקו ננבי, צמוקו בלוקריה.לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח.ף קינץ תתיח לרעח. לת צשחמי צש בליא, מנסוטו צמלח לביקו ננבי, צמוקו בלוקריה.
טפסים (Forms)
Generic form
יש לכם שאלות? צרו איתנו קשר
תיבות (Boxes)
icon_box
ערך מבדל חשוב
לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומ.שונות (Misc)
QA Slide
מה כוללים שירותי המשרד?
לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח. לת צשחמי צש בליא, מנסוטו צמלח לביקו נקינץ תתיח לרעח. לת צשחמי צש בליא, מנסוטו צמלח לביקו נ, נבי, צמוקו בלוקריה.
Partners
תבניות - Templates
Team
המשתנים מורכבים משלושת היסודות שבונים את הדיזיין סיסטם של האתר: צבע, מידות וסוג גופן. לאחר שמגדירים אותם חשוב לסנכרן אותם עם ההגדרות הגלובליות של האתר.
צבע
מידה
גופן
QA
המשתנים מורכבים משלושת היסודות שבונים את הדיזיין סיסטם של האתר: צבע, מידות וסוג גופן. לאחר שמגדירים אותם חשוב לסנכרן אותם עם ההגדרות הגלובליות של האתר.
צבע
מידה
גופן
Testimonial
המשתנים מורכבים משלושת היסודות שבונים את הדיזיין סיסטם של האתר: צבע, מידות וסוג גופן. לאחר שמגדירים אותם חשוב לסנכרן אותם עם ההגדרות הגלובליות של האתר.
צבע
מידה
גופן
בונה תבנית - Theme Builder
האדר - Header
המשתנים מורכבים משלושת היסודות שבונים את הדיזיין סיסטם של האתר: צבע, מידות וסוג גופן. לאחר שמגדירים אותם חשוב לסנכרן אותם עם ההגדרות הגלובליות של האתר.
צבע
מידה
גופן
פוטר - Footer
המשתנים מורכבים משלושת היסודות שבונים את הדיזיין סיסטם של האתר: צבע, מידות וסוג גופן. לאחר שמגדירים אותם חשוב לסנכרן אותם עם ההגדרות הגלובליות של האתר.
צבע
מידה
גופן
ארכיון - Archive
המשתנים מורכבים משלושת היסודות שבונים את הדיזיין סיסטם של האתר: צבע, מידות וסוג גופן. לאחר שמגדירים אותם חשוב לסנכרן אותם עם ההגדרות הגלובליות של האתר.
צבע
מידה
גופן
