Caldera

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

מותג

• Ember #fc5000 — כפתורי פעולה ראשיים, כרטיסי סטטיסטיקה ונגיעות ויזואליות מרכזיות הן נגיעת הצבע האגרסיבית היחידה; העושר שלה על רקע גווני האפור החמים יוצר תחושת דחיפות ללא צורך באלמנטים דקורטיביים נוספים.
• Plasma Violet #524ae9 — בסיס גרדיאנט ביניים ראשי, משטח כרטיס נוסף אחד - משמש כמעט אך ורק בדוגמת הנקודות הראשית ובכרטיס ייעודי אחד; לעולם לא משמש עבור פקדים.

נֵטרָלִי

• Sulfur #f5f28e — הרקע לסמלי התגיות והקטגוריות, הדגשים קטנים, הוא צבע צהוב רך המשמש לציון קטגוריות של פוסטים בבלוג והכרזות על תוכניות.
• Limestone #f7f6f2 — משטחי כרטיסים, רקעים של בלוקי תוכן ומילוי כפתורים נוספים הם בגוון לבן בהיר וחם יותר, שגורם לאלמנטים לבלוט על רקע בד הציור של הדף.
• Pumice #e2e2df — הרקע העיקרי של הדף הוא אפור בינוני חם המשמש כבסיס לכל מקטע; הוא כהה מעט מפני השטח של הקרטון, מה שמאפשר הפרדה עדינה בין הדמות לרקע ללא צללים.
• Obsidian #070607 — הטקסט הראשי, הכותרות, טקסט הקישורים ומסגרות הכפתורים כמעט שחורים עם גוון חם שכמעט ולא מורגש שתואם לצבעים החמים של הקנבס.
• Chalk #ffffff — טקסט באזורים כהים, טקסט קלט על רקע כהה, שכבות בעלות ניגודיות גבוהה - לבן טהור משמש רק כאשר נדרשת ניגודיות מקסימלית עם משטחים כהים.

טיפוגרפיה

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

• PP Neue Corp Compact — תַחֲלִיף: Bebas Neue · קווי מתאר 400 (Ultrabold cut) · כל הכותרות וטקסט התצוגה. גופן דחוס, מודגש במיוחד ועיצוב מותאם אישית מעניק לכותרות משקל תעשייתי, דמוי שלט. גודל 189 פיקסלים בבלוק הראשי משקף את הסגנון הייחודי של המותג: דחוס, כמעט מבני ולא טיפוגרפי. ההגדרות "ss06" ו-"ss10" מפעילות צורות אותיות וריווח חלופי לקצב אגרסיבי ודחוס יותר. ריווח חיובי בין אותיות (+0.02em) אינו שכיח לגדלי תצוגה ומונע תחושה של טקסט צפוף בגודל 80-189 פיקסלים.
• DM Sans — תַחֲלִיף: Inter · קווי מתאר 500 (Medium only — never Regular or Bold) · הטקסט הראשי, קישורי הניווט, תוויות הכפתורים וכותרות המשניות הם עד 30 פיקסלים. משקל הגופן הבינוני נבחר במכוון - גופן רגיל ייראה דק מדי כנגד גופן הכותרת המודגש במיוחד, וגופן מודגש יתחרה בו. DM Sans יוצר קונטרפונקט הומניסטי, מעט גיאומטרי, לגופן הכותרת התעשייתי.
• System sans-serif — תַחֲלִיף: Inter · קווי מתאר 400 · כיתובים, מטא-טקסט, תאריכים, מיקרו-תגים. משמשים רק בגודל 12 פיקסלים, כאשר משקל וזיהוי מותג פחות חשובים מחיסכון בגודל.

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

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

• teenage engineering — קטלוג תעשייתי בתאורת סטודיו - המוצר הוא האובייקט המשמעותי היחיד בדף, וכל השאר נדון סביבו.
• basement — מכונת דפוס ריקה בשעה 3 לפנות בוקר – גופנים ענקיים ודחוסים מתפרסים על פני האפלה המוחלטת, נצנוץ בודד של אור כתום על סרגל הניווט, כל השאר לבן או אפור רפאים.
• amra — כדור ססגוני על רקע לבן - הדגשת הלבנדר היא פעימת הצבע היחידה בדף אכרומטי כמעט מושלם, וכדור הגרדיאנט היחיד עושה את העבודה שהאיור הראשי עושה בדרך כלל.
• Stink Studios — אולפן סרטים בחצות - המקרן מזמזם, החדר חשוך, רק הסרט מואר
• Andrei Rybin — מחברת סקיצות מונוכרום היא מחברת מעוצבת שבה מסכי טלפונים מחוברים לקיר לבן כמו דפי מגע.
• Uniswap Cup — שידור תחרות הספורט האלקטרוני מתקיים באתר מדומה - טוש ורוד מתווה רשת של ריבועים לבנים וקווים דקים
• Freytag Anderson — מסך הקולנוע עולה על מילה אחת. תמונה נעה ענקית תופסת את כל המסך, שם המותג יושב בפינה כמו כותרת, ושום דבר אחר לא מסיח את הדעת.
• Integrated Biosciences — מעבדת ביולאוריות בחצות
• Vercel — טרמינל מודפס על נייר לבן
• Mintlify — גן עננים מעל שולחן זכוכית. השמיים המצוירים ביד והסרט התיעודי ממוסגרים יחד - המקום היחיד שבו צבע וקונספט מתנגשים לפני שהדף דוהה ללבן נזירי.
• Gleap — מרחב עבודה מעוצב בגווני קרם חמים עם נגיעות גרפיט - סטודיו שבו נקודות דיו שחורות מט נראות כמרחפות מעל ארכיטקטורת הפשתן.
• ClickUp — לוח מחוונים רב עוצמה על שיש לבן. הדף הוא חוברת מוצר עבור כלי פרודוקטיביות, כך שהשפה החזותית שאולה מהמוצר עצמו: רשימות צפופות, מחווני סטטוס, קבוצות של אווטארים והצהרות טיפוגרפיות מודגשות שנראות כמו מפרט מוצר המוצג.