טיפוגרפיה

טיפוגרפיה

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

משפחות

שלוש, כי זה מה שדף מבדל: במה כתוב, במה מתואר, ומה מתכוון להיות נקרא כמו שנכתב ולא כמו שנאמר. סט יכול לתת את אותה פנים לשלושתם — זה שעושה זאת במערכת.
--font-family-base
השועל החום המהיר קופץ מעל הכלב העצלן — 0123456789
--font-family-heading
השועל החום המהיר קופץ מעל הכלב העצלן — 0123456789
--font-family-mono
השועל החום המהיר קופץ מעל הכלב העצלן — 0123456789

משקלים

נקראים לפי כמה הם מתעקשים, לא לפי מספר. פנים ש-500 שלה לא קיים ממפה את זה למה שיש לה, והצורות שמבקשות בינוני ממשיכות לבקש בינוני.
--font-weight-normal — השועל החום המהיר קופץ מעל הכלב העצלן — 0123456789
--font-weight-medium — השועל החום המהיר קופץ מעל הכלב העצלן — 0123456789
--font-weight-strong — השועל החום המהיר קופץ מעל הכלב העצלן — 0123456789
--font-weight-bold — השועל החום המהיר קופץ מעל הכלב העצלן — 0123456789

סקאלת סוגים

מערכת עיצוב — בלוקים לבניית ממשקים מעולים

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

טיפוגרפיה קובעת היררכיה וקצב

כותרת ברמת פרק. קבוצות תוכן קשור. בדרך כלל לאחריה טקסט גוף או תתי פרקים.

ריווח ופרופורציה מעצבים קריאות

כותרת תת-פרק. מציגה נושא ממוקד בתוך פרק.

צבע וניגודיות מדריכים את העין

משמשת לכותרות כרטיסים, חלקי צד או קבוצות קטנות.

מצבים אינטראקטיביים צריכים להיות ברורים

תיוגים, כותרות מטא-נתונים, קבוצות קטנות. עדין אך נבדל מטקסט גוף.

נגישות היא תכונה, לא מחשבה מאוחרת

רמת הכותרת הקטנה ביותר. השתמש בזהירות — להערות שוליים, בלוקים משפטיים, או תוויות עזר.