
Medium
עיתון לבן קרמי בשעת הזהב
Medium מתפקד כמו חדר קריאה ספרותי שהועבר לרשת: רקע חם וקרמי (#f7f4ed) מחליף את הלבן הסטרילי האופייני ל-SaaS, וגורם לטקסטים ארוכים להרגיש כמו דף מודפס. המערכת הוויזואלית היא מונוכרום באופן אגרסיבי - כמעט כל משטחי ממשק המשתמש, הטקסט והגבולות נמצאים בפס צר של גווני אפור חמים הנעים בין #242424 ל-#6b6b6b - כך שתשומת הלב של הקורא ממוקדת לחלוטין בתוכן. המחווה היחידה החותמת היא כותרת serif (GT Super, 120px, משקל 400, ריווח אותיות -0.055em), בחירה מכוונת נגד טרנד: גופן ספרים serif מעבר המותאם לתצוגה, בקושי מורגש במקום גופן sans-serif גיאומטרי מודגש, מאותת: "אנחנו מפרסמים ספרים, לא תוכנה". הכפתורים הם "גלולות" מלאות בצבע שחור כמעט - הדיו המלא היחיד בדף.
לדף הבית שתי עמודות: הצד השמאלי תופס כ-55% משטח העמוד, כאשר הכותרת, הסאבטקסט והקריאה לפעולה מסודרים אנכית עם מרווח פנימי נדיב; הצד הימני תופס כ-45% משטח העמוד, עם פאנל איורים. העמודה השמאלית מיושרת לשמאל (לא ממורכזת), מה שמעגן את העמוד לציר הקריאה. מתחת לדף הבית, העמוד נמצא פס יחיד, ברוחב מלא, בצבע קרם עם קישורים ממורכזים בתחתית העמוד. אין רשתות כרטיסים, מדורי תכונה או פסים מתחלפים בדף הבית - דף הבית הוא עמוד. צפיפות התוכן נמוכה במכוון: כותרת אחת, משפט אחד, כפתור אחד, תמונה אחת. העמוד הוא כריכה, לא לוח מחוונים.
האיורים הם עריכה ואפיזודיים, לא שיטתיים. העמוד הראשי מציג איור בודד מצויר ביד (פרח ירוק, יד גיאומטרית, קווי קבוצת כוכבים) בסגנון חופשי ומעט נאיבי. האיורים נראים כמו עבודות שהוזמנו ומשתנות עונתית, ולא מספרייה קבועה. אין תצלומים בעמוד הראשי. אין אייקונים בעמוד הראשי - כל העבודה נעשית על ידי הלוגו והטקסט. השפה החזותית היא בעיקר טקסטואלית, כאשר האיורים משמשים כסימני פיסוק.
לוּחַ הַצְבָעִים
נֵטרָלִי
- Newsprint Cream
#f7f4ed— בד הציור של הדף, רקע החלון הראשי ורקע המקטע הם בגוון חם וקרמי מעט, היוצר תחושה של ממשק מודפס ולא דיגיטלי. - Paper White
#ffffff— משטחי כרטיסים, פאנלים מורמים, שדות הזנת טפסים וכל משטח שיש להפריד מבד הקנבס בצבע קרם. - Ink
#242424— גוף הטקסט, גוף הטקסט, קישורים, כותרות - מעט חמים יותר משחור טהור, נראה טוב על רקע קרם. - Body Gray
#333333— צבע הטקסט המשני וצבע החזית המוגדר כברירת מחדל משמשים כאשר נדרש צבע בהיר מעט יותר מצבע הדיו מבלי לאבד ניגודיות. - Button Black
#191919— צבע ניטרלי נתמך עבור רכיבי ממשק משתמש משניים, מחיצות ותוויות מושתקות. אין להשתמש בו כצבע הראשי עבור קריאות לפעולה. - Marginalia Gray
#6b6b6b— תמיכה בצבע ניטרלי עבור ממשק משתמש משני, מחיצות ותוויות מושתקות.
טיפוגרפיה
מ-13 עד 120 פיקסלים · 5 שלבים
- medium-content-sans-serif-font — תַחֲלִיף: Inter · קווי מתאר 400 · גופן medium-content-sans-serif - נמצא בנתונים שחולצו אך לא מתואר על ידי הבינה המלאכותית.
- GT Super — תַחֲלִיף: Playfair Display · קווי מתאר 400 · הכותרות וגוף הטקסט הם גופן ספרים מסוג סריף בקנה מידה קיצוני עם ריווח אותיות צר ורווח שורות של 0.83. הבחירה במשקל 400 פיקסלים (לא מודגש) ב-120 פיקסלים היא מאפיין בולט: צורות האותיות, ולא העובי, עושות את העבודה. ריווח האותיות השלילי מצמצם את הפערים האופטיים, וגורם ל"סיפורים ורעיונות אנושיים" להרגיש כמו גוש טיפוגרפי מגובש.
- Söhne — תַחֲלִיף: Inter · קווי מתאר 400 · גופן sans-serif של ממשק המשתמש משמש לניווט, כפתורים, כותרות משנה וכותרות קטנות. טווח הטווח של 13-14 פיקסלים מיועד לתוויות וכפתורים של ניווט; 20-22 פיקסלים מיועד לכותרות משנה וטקסט משני בתוך הכותרת. גופן sans-serif נקי עם פרופורציות אנושיות קריא בגדלים קטנים ודיסקרטי בגדלים גדולים יותר.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְמוּצָע |
| שלב בסיסי | 16-24px |
| רדיוס הכפתור | 9999px |
| רדיוס הכרטיס | 0px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 64px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Medium ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Steep — ניתוח גופני סריף על נייר חם
- Newformcap — עיתון מערכת בחדר ההלבשה
- Claude — חפץ מודפס על קלף חם - דיו על נייר עצם, חימר כמשב הצבע היחיד
- 11x– Digital workers — שממה עריכתית קולנועית - תצלומים פנורמיים של הנוף על רקע כותרות ענקיות שנקראות כמו כתב עת יוקרתי
- Revolut — עבודת עריכה מונוכרום המבוססת על תצלום של עננים - דיו לבן, כפתורי פילבוקס, פס כחול יחיד של צבע בעולם בגווני אפור לחלוטין.
- Scheduling — דיו עריכה על נייר קרם
- Titan — ארכיון מונוכרום בגוונים חמים
- Programa — סטודיו לעיצוב שוויצרי בצהריים. קיר הגלריה הלבן מואר במנורת שולחן צהובה אחת - הכל בגווני אפור עד שכפתור, סמל או אלמנט תופס את העין, ואז אותו אלמנט צהוב יחיד מגדיר את החדר כולו.
- Sana Agents — נצנוץ ליים על רקע לבן במאמר מערכת
- Visual — סמיזדאט עריכה חם. נייר בצבע קרם, פוסטרים סריף, שוליים מונוכרומים, טוש צהוב אחד.
- Midday — חוברת עריכה על קלף - כותרת בגודל 72 פיקסלים בצבע סריף על רקע אבן חמה, גוף טקסט ללא סריף עם ריווח, פקדים בצורת גלולה, ללא צללים
- Chat for impact — מרפאה ירוקה בצבעי פסטל