משפחת עיצוב

Active

מהיר, שטוח ומלא אנרגיה. מתאים למאמנים, לסטודיואים, לאירועים ולכל מי שמוכר תנועה או מהירות.

התחילו עם העיצוב הזה פתחו את הדוגמה

Active

sporty and energetic

דף שלם בActive

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

פתחו את הדוגמה פתחו את ההדגמה

הכי מתאים עבור

סטודיו לכושר ומאמני ספורט
הרשמה למרוצים ולאירועים
תוכניות אימון ומועדונים
ציוד ספורט והשקות של גאדג׳טים
שירותי תנועה ונסיעות

איך זה נראה

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

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

נסו פלטהמצב כהה ←

ליים אדום אמרלד ירוק ציאן כתום

01 · טיפוגרפיה

הקול של Active.

כותרת ראשית · Space Grotesk

נעשה מתוך כוונה.

כותרת משנה ראשית · Inter

משפט פתיחה תומך נושא את הקול השני בלי להתחרות.

כותרת מקטע · Space Grotesk

כותרת מקטע ברמה השנייה

כותרת משנה של מקטע · Inter

טקסט תומך מחזיק הקשר ליד הכותרת בלי להתחרות על תשומת הלב.

כותרת כרטיס · Space Grotesk

כותרת כרטיס ברמה השלישית

גוף הטקסט · Inter

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

כיתוב

טקסט תומך קטן יותר, למידע נלווה ולהערות קצרות.

מידע נלווה · JetBrains Mono

01 - 02 - 03 - v1.0 - 99.9% - $29 - 240ms

02 · פלטה

הצבעים בפועל.

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

Backgroundcolor-mix(in srgb, rgb(16 185 129) 10%, white)

Surfacecolor-mix(in srgb, rgb(16 185 129) 4%, white)

Bordercolor-mix(in srgb, rgb(13 148 136) 12%, white)

Inkrgb(15,23,42)

Brandrgb(16 185 129)

Brand · strongrgb(52 211 153)

Accentrgb(13 148 136)

On brandrgb(15 23 42)

03 · רכיבי ממשק

אבני הבניין.

כל רכיב כאן הוא הרכיב האמיתי שמופיע בכל אתר שנבנה בעיצוב הזה.

כפתורים

תגיות

רגילמודגשמתארכהה

תוויות

רגילמודגשמתארכהה

סטטוס

ניטרליהצלחהאזהרהסכנהמידע

רכיבי סינון

מיכלי סמלים

קטן

בינוני

גדול

שדות

אימייל

חיפוש

מסלול

הערות

04 · סוגי כרטיסים

איך התוכן יושב.

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

יכולת

עיצוב עם אופי משלו

הטיפוגרפיה, הצבע והפרטים משתנים יחד, כך שכל מקטע נראה כחלק מאותו אתר.

טיפוגרפיהצבע

מחיר

מומלץ

מסלול לדוגמה

$20/ חודש

כל מה שיש בתקופת הניסיון
דומיין משלכם
יותר גרסאות שמורות

פרופיל

שם לדוגמהתפקיד לדוגמה

שורה קצרה על האדם: במה הוא עוסק ומתי הוא זמין.

זמיןבמשרה חלקית

נתון

128

מספר עם תווית קצרהנתון לדוגמה

המלצה

״כאן יושב ציטוט קצר של לקוח.״

לקוח לדוגמהחברה לדוגמה

05 · תנועה

איך זה זז.

רחפו או התמקדו באחד המשטחים. המעבר עוקב אחרי העקומה של העיצוב הזה ונעצר למבקרים שמעדיפים פחות תנועה.

כרטיס · ריחוף

עולה בריחוף והקו מתהדק

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

כפתור · מיקוד

עברו לכפתור שלמטה במקש Tab. טבעת המיקוד משתמשת בצבע המותג.

פלטות

נסו אותו בפלטה אחרת.

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

הפרטים

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

אופי

אנרגטי
חד
ספורטיבי
בטוח בעצמו
שטוח

טיפוגרפיה

Space Grotesk · JetBrains Mono

פלטת ברירת מחדל: אמרלד. עוד 6 פלטות מומלצות למטה.

פחות מתאים עבור

קריאה ארוכה
אתרים רשמיים או משפטיים
מותגי בריאות ורוגע

במה הוא שונה מהאחרים

Active מרגיש קריר והנדסי יותר מ־Kinetic, שהוא רועש ושובב יותר. Authority הוא ההפך: רגוע, רשמי ועם סריפים.

פריסות מקטעים

כמה מפריסות המקטעים.

איך פריסות ועיצובים משתלבים

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

באנר

התוכן מתערם מעל פס תמונות רחב.

עמודה צדדית

עמודת טקסט לצד עמודת מדיה.

פסים

פסים אופקיים מתחלפים של טקסט ומדיה.

פריצה

מודול מרכזי שבולט מעבר לקצה הרשת.

בשביל מי האתר?

התחילו את האתר שלי

חינם ל־14 יום. בלי כרטיס. שום דבר לא מתפרסם עד שתאשרו.

כבר יש לכם אתר? לבנות אותו מחדש מהאתר הקיים