Stripe
ספר חשבונות כתוב בדיו אינדיגו על זכוכית חלבית
Stripe משתמש בשפה כמעט מונוכרום עבור מכשירים פיננסיים: בד קנבס לבן רך וקריר עם כותרות כחולות כהות, כמעט ללא אלמנטים דקורטיביים של כרום, וצבע אינדיגו בוהק יחיד (#533afd) שניתן להשתמש בו באופן לגיטימי כמתאר של כפתור, קישור או סמל. הטיפוגרפיה דקה במיוחד, עם משקל של 300 נקודות - אפילו ב-56 פיקסלים - שמרגישה מאופקת בביטחון ולא תאגידית באופן מוגזם; ריווח האותיות פוחת בחדות עם הגדלת הגודל. הכפתורים קטנים, מרובעים (4 פיקסלים), ומשתמשים במילוי סגול או בקווי מתאר סגולים דקים ביותר. המערכת נמנעת לחלוטין מצללים; עומק מושג באמצעות שינוי גווני רקע (לבן → #f8fafd → #e5edf5 → גוונים סגולים), ולא באמצעות גובה. הממשק כולו מתנהג כמו ספר חשבונות או מסוף: מידע צפוף, קווים ברורים, רווח נרחב בין מקטעים וצבע מופיע רק כאשר נדרשת פעולה.
הרוחב המרבי הוא ~1320 פיקסלים עבור עמודת תוכן ממורכזת על בד ציור לבן. תמונת הגיבור היא בלוק טקסט מיושר לשמאל בגודל מלא (56 פיקסלים) עם שתי קריאות לפעולה מתחת, ללא תמונת גיבור - הטיפוגרפיה היא הגיבור. הסעיפים מסודרים אנכית עם מרזבים שווים של 96 פיקסלים ומחיצים #e5edf5 פיקסלים אחד; אין פסים כהים/בהירים מתחלפים. כל סעיף עוקב אחר דפוס חוזר: כותרת סעיף קטנה באותיות גדולות (צבע מעושן, 12 פיקסלים), לאחר מכן כותרת של 32-48 פיקסלים, לאחר מכן פסקה של 22 פיקסלים, לאחר מכן רשת של כרטיסי מוצר (3 עמודות במחשב) או בלוק טקסט בן 2 עמודות עם אמנות חזותית. לוגואי לקוחות מופיעים ברצועה אנכית צרה, מיושרת לשמאל. כותרת התחתונה היא רצועה רחבה אחת #f8fafd עם רשימות קישורים מרובות עמודות. הקצב הכללי איטי, מדוד ובעיקר טקסטואלי - צפיפות המידע נמוכה, למרות אורך הגלילה הארוך.
התמונות מאופקות ובסגנון תיעודי. תמונות בעמוד שלם מופיעות רק בקטעים הכוללים מקרי בוחן (למשל, צילום תנועה אווירי עבור הרץ), שצולמו מלמעלה או בזוויות דרמטיות, תוך שימוש בצבעים טבעיים - ללא עיבוד דואוטונים או צבע. צילומי מסך של ממשק המשתמש של המוצר משמשים בתוך כרטיסי תכונה, המוצגים בזוויות חדות וגבולות ברורים, ללא מסגרות של מכשירים. לוגואי השותפים מוצגים בצבעים שלהם, ללא כל מכלים. אין איורים, עיבודים תלת-ממדיים או אלמנטים גרפיים מופשטים דקורטיביים. הסמלים אחידים: עובי קו 1, עובי קו 2 על רקע לבן, עם איורי קווים גיאומטריים (שברונות, חצים, סימני וי, סמלי מסמך). העמוד מורכב בעיקר מטקסט ושטח לבן; תמונות תופסות פחות מ-3% מהשטח החזותי הכולל.
לוּחַ הַצְבָעִים
מותג
- Indigo Ink
#533afd— סגול משמש עבור כפתורים מלאים, מצבי ניווט נבחרים ומועי המרה מונעי מיקוד. - Indigo Hover
#7389ff— סגול משמש להדגשת קישורים, תגיות וביטויים קצרים. אין להשתמש בו כצבע העיקרי עבור קריאות לפעולה.
נֵטרָלִי
- Midnight Ink
#061b31— הכותרת הראשית וגוף הטקסט הם בצבע עמוק, כמעט שחור, עם גוון כחול קריר, המשמש כבסיס לכל מערכת הגופנים. - Slate
#64748d— טקסט אפור מדגיש קישורים, תגיות וביטויים קצרים. - Steel
#50617a— טקסט נוסף וחומרי תמיכה ממוקמים בין הגוונים הצפחה והסגולים העמומים המשמשים ברישיונות המשנה. - Smoke
#839bc8— עבור כותרות דקורטיביות גדולות וטקסט נלווה, נעשה שימוש בגוון סגול עמום - לעולם לא בפסקאות גוף. - Pure White
#ffffff— בד הציור של הדף והמשטחים המוגבהים של הכרטיסים; הרקע המוגדר כברירת מחדל שמולו נמדד כל השאר. - Mist
#f8fafd— רקע הכותרת התחתונה ומפריד הקטעים הם גוון קריר עדין המפריד בין אזורים ללא גבול נראה לעין.
טיפוגרפיה
מ-12 עד 56 פיקסלים · 9 צעדים
- sohne-var — תַחֲלִיף: Inter Tight (variable · קווי מתאר 300, 400 · הגופן היחיד בו נעשה שימוש בכל הממשק הוא עבור כותרות, גוף הטקסט, ניווט, כפתורים ותוויות. משקל 300 שולט גם בגודל מסך של 56 פיקסלים, וזהו מאפיין ייחודי: כותרות לוחשות במקום צועקות, ומבססות סמכות באמצעות איפוק ולא עוצמה. משקל 400 מופיע רק ב-14-16 פיקסלים עבור ניווט וטקסט כפתורים, שם נדרשת משיכה נוספת לקריאות בגדלים קטנים יותר.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְרוּוָח |
| שלב בסיסי | 8px |
| רדיוס הכפתור | 4px |
| רדיוס הכרטיס | 4px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 96px |
| רוחב העמוד | 1320px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Stripe ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Ui — תוכנית קלינית על נייר מט
- monopo saigon — זוהר נוזלי וססגוני מאחורי דממת המערכת - גלריית עריכה מונוכרום הצפה על אור מותך
- Ventriloc — מצפה נתונים על נייר חם - גחל כתום בודד המדגיש את הדיוק המונוכרומטי
- Hyer Aviation — דמדומים בתא הטייס מעל קלף. שמי השחר החיוורים פוגשים את הלוגו הסריף בגודל גוף המטוס, ונגיעת חרס חמה אחת שובר את האיפוק המונוכרומטי.
- Family — פריסה מתוך אגדה על קלף קרם
- OFF+BRAND. — כדור ססגוני על קלף חם
- Geniestudio — מחברת רכה לאור יום - כזו עם שוליים רחבים ומשיכת עט עבה אחת
- xAI — קרם חם למעבדה עם גלולה שחורה
- Seed — אורגניזם חי תחת זכוכית מעבדה
- Cosmos — קיר גלריה מרופד בפשתן ותלוי בתמונות פולארויד
- Cal — פרקטיות מונוכרום, גישה אנושית. מערכת שמעדיפה בהירות ופונקציונליות באמצעות פלטת צבעים קפדנית בשחור-לבן, אך מרככת אותה עם טיפוגרפיה ידידותית וצורות מעוגלות.
- T1 Energy — רישום של מתקן ייצור על קלף חם הוא סצנה שקטה ומונוכרומטית שבה קנה מידה תעשייתי וטיפוגרפיה עדינה מגלמים את המותג כולו.