Column

לוּחַ הַצְבָעִים

מותג

• Indigo Navy #111a4a — צבע המותג העיקרי משמש לקריאות לפעולה מלאות, מצבי ניווט פעילים, הכותרת והלוגו. הצבע הכחול-סגול העמוק מעניק לאתר גוון שחור אחיד אך עשיר; בשילוב עם טקסט לבן, הוא יוצר את הכפתור האסרטיבי ביותר באתר.
• Seafoam 600 #44b48b — צבע קוד ונתונים הוא צבע המותג עבור מפתחות JSON, מזהים וערכים פיננסיים בקטעי קוד. הוא משמש גם עבור נקודות נתונים בתרשימים ובדמיות צמיחה.
• Seafoam 700 #167e6c — גוון כהה יותר של קצף ים עבור קווי המתאר, קווי התרשים והדגשות הסמלים בתוך הקשר הנתונים. זה מעגן את קנה המידה של קצף הים על רקע הכהה יותר.
• Seafoam 400 #94efb7 — קטע הקוד המודגש מכיל ערכי מחרוזות, כתובות URL ונקודות קצה של API בתוך בלוקי קוד. צבע קצף הים הבהיר ביותר נקרא כגופן חד-מרווח עם גוון ירקרק.
• Deep Sea #023247 — קווי המתאר והצבע הדקורטיביים של התרשים הם צבע טורקיז עשיר המשמש באיורי SVG ובהמחשות נתונים, יחד עם סולם הצבעים של קצף ים.

נֵטרָלִי

• Midnight Ink #011821 — משטח כהה וטקסט מודגש - רקע כרטיס מוצר, טקסט ראשי בעל ניגודיות גבוהה. קרוב יותר לאפור עם גוון כחול-ירוק קריר; משמש כבסיס למצב כהה כאשר יש צורך להפוך מקטע.
• Slate Ink #3b3e47 — הכותרת המשנית והטקסט הראשי מעט חמים יותר מדיו חצות, המשמש במקומות בהם שחור טהור ייראה קשה מדי על בד קנבס בהיר.
• Steel #7c7f88 — הטקסט הראשי וטקסט הקישור נשלטים על ידי צבע עמום (משמש 245 פעמים בטקסט הראשי). צבע אפור-כחול ניטרלי הנתפס כרגוע, לעולם לא כתמונה דהויה.
• Fog #a9acb6 — קווי מתאר של סמלים, גבולות שלישוניים וטקסט מציין מיקום. צבע אפור בינוני המפריד בין הטקסט מבלי להתחרות בו.
• Mist #cbcccf — הטקסט העיקרי - חתימות, הצהרות ויתור ואותיות קטנות - קריא על רקע לבן, אך פחות מורגש ויזואלית.
• Silver Lining #e3e4e8 — גבולות כרטיסים, גבולות שדות קלט, קווי הפרדה. צבע מבני ועדין זה משמש במקומות בהם יש צורך להפריד בין שני משטחים ללא צללים.

טיפוגרפיה

מ-10 עד 60 פיקסלים · 10 צעדים

• SuisseIntl — תַחֲלִיף: Inter · קווי מתאר 300, 400, 500, 600 · גופן ראשי – משמש לכל הכותרות, גוף הטקסט, הכפתורים, הניווט, הקישורים וטקסט הכרטיס. הגופן הגיאומטרי הייחודי של סן-סריף מעניק ל-Column סגנון עריכה ייחודי, ומבדיל אותו מחברות פינטק אחרות שעובדות באופן בלעדי עם Inter-only. המשקל הוא 600 בגודל 52–60 פיקסלים לכותרות, 500 לכותרות משנה, 400 לגוף הטקסט ו-300 לקישורים בעלי דגש נמוך.
• SuisseIntlMono — תַחֲלִיף: JetBrains Mono · קווי מתאר 400 · גופן בעל מרווח חד-מרווחי בדומה ל-SuisseIntl, המשמש לתוויות טכניות, מזהי API ונתונים מוטמעים באלמנטים של ממשק משתמש. הוא שומר על אותם פרופורציות כמו SuisseIntl, כך שטקסט בעל מרווח חד-מרווחי ופרופורציונלי מיושר כהלכה בהקשרים מעורבים.
• SFMono — תַחֲלִיף: Fira Code · קווי מתאר 400 · תצוגת קטע קוד – מוצגת בדוגמאות JSON ובבלוקי תיעוד API. גוון קצף ים משמש להבחנה ויזואלית של קוד מטקסט ממשק המשתמש.

אינטרוולים וצורה

סגנונות דומים

• dope.security — טרמינל חצות עם משואות סגולות
• Leonardo — גלריית עריכה הפוכה. מוזיאון עם קירות שחורים שבו כותרות סגולות משמשות כמיצבי קיר, ודיוקנאות שנוצרו על ידי בינה מלאכותית תלויים ברשת צפופה למטה.
• VEED — קיר גלריה לבן עם כפתורי אור ירוקים ניאון
• Craft Docs — קולאז' דיגיטלי לסקראפבוקינג. העיצוב דומה לסקראפבוקינג מחשבתי ומגעיל, שבו הערות דיגיטליות מובנות משתלבות עם מרקמים רכים ואורגניים.
• Letter — גלריה פרטית המציגה חפצים מנצנצים מהאחסון. חלל תצוגה עם קירות שחורים שבו כותרות עם מחרוזות מרחפות מעל פסלי כרום על קירות הגלריה הצבועים.
• Railway — אקספרס חצות הקוסמית. מסע רגוע ומרגש דרך חלל חשוך ומואר בכוכבים, מודרך על ידי אותות ברורים.
• Garden Eight — מאמר מערכת מונומנטלי על נייר בצבע קרם. כותרת הסריף בגודל 215 פיקסלים מונחת לבדה על קלף חם, מוקפת בצורות פיסוליות מרחפות ומרחב שלילי המזכיר אוויר ים - הדף מרגיש יותר כמו כריכה של מונוגרפיה אמנותית מאשר לוח מחוונים.
• Steep — ניתוח גופני סריף על נייר חם
• ElevenLabs — חיבור מצולם בגווני קרם חמים עם כותרות עדינות. מחברת בסגנון באוהאוס - נייר בצבע קליפת ביצה, דיו שחור, וגימור סגול וכתום יחיד לתצוגת מוצרים.
• Awesomic — רשת אבץ עריכתית עם סימני פיסוק כתומים המזכירים קונפטי
• Monad — כתב עת טכני עריכה על קלף חם
• AI for Business — אולם תצוגה עריכה ברוטליסטי בגווני אפור חמים