
Letters
פגישת בוקר במרפאה תחת כיפת השמיים - שולחן לבן סטרילי תחת תקרה כחולה רכה, זרוע בכלי כירורגיה כחולים
Letters הוא כלי לכתיבת מכתבים רפואיים שמתחיל בכותרת פתוחה בצבעי שמיים - פס כחול רך ואטמוספרי היוצר אווירה רגועה וקלינית - לפני שהוא עובר לסביבת עבודה לבנה ונקי. המערכת מעוצבת בסגנון מונוכרום: בד לבן נקי, טקסט כמעט שחור (#070709), קריאות לפעולה כהות בצורת גלולה, וכרטיסים מעוגלים שצפים על הצללים העדינים ביותר. כחול בוהק יחיד (#2597d0) שמור לפיסוק פונקציונלי - סמלים, מיקרוגרפיקה, נגני צורות גל - שלעולם לא משמשים לכפתורים או למילויים גדולים. הטיפוגרפיה משתמשת ב-Open Runde, צורה גיאומטרית הומניסטית סאנס-סריף עם ריווח שלילי אגרסיבי בין אותיות בגדלי מסך גדולים יותר (-0.04em ב-80px), אשר דוחסת את הכותרות לגושים בטוחים. הרכיבים מרגישים קלילים, כמו מכשיר רפואי: מסגרות דקות, ריווח נדיב בין כרטיסים, כפתורים בצורת גלולה, ושימוש דיסקרטי בגובה המאפשר לכותרת בצורת שמיים לעשות את העבודה הרגשית.
דף הבית בצבע תכלת משתרע על פני כל רוחב הדף, עם כותרת ותת-טקסט ממורכזים, וכפתור קריאה לפעולה מתחת. הוא עובר בצורה חלקה לאזור תוכן לבן עם מרווח נדיב בין הסעיפים (80-120 פיקסלים). מדורי התכונה משתמשים ברשת בת שתי עמודות של כרטיסים גדולים ומעוגלים (רדיוס 18-32 פיקסלים) בפרופורציות שוות. כותרות הסעיפים תמיד ממורכזות, בעמודה אחת, מעל רשת הכרטיסים. הניווט הוא פס עליון לבן קבוע עם אשכול ממורכז של קישורים ופעולות התחברות מיושרות לימין. הקצב הכללי הוא פס ראשי יחיד ואטמוספרי, ואז סעיפים לבנים ו-#f5f5f5 מתחלפים עם מרווח נשימה אנכי עקבי. אין סרגל צד, אין תפריט-על, אין פריסות אסימטריות - הדף מרגיש כמו עמודה סימטרית ורגועה.
העיצוב הוויזואלי מתמקד כמעט לחלוטין בממשק המשתמש של המוצר - ללא תמונות לייף סטייל, ללא הדמיות תלת-ממדיות מופשטות. השפה הוויזואלית בנויה סביב כרטיסי מוצר המציגים את הממשק המקורי של האפליקציה: השוואה של מסמכים מסוג "לפני" ו"אחרי", אזור טעינה עם גבול מקווקו ונגן שמע בצורת צורת גל. האלמנט הוויזואלי האטמוספרי היחיד הוא גרדיאנט השמיים בתמונה הראשית. הסמלים הם סמלים שטוחים, בצבע אחד מסוג #2597d0 (מעטפה, מיקרופון, סימן ביקורת) עם עובי קווים אחיד, ללא וריאציות של מילוי. סגנון האיור מאופק: דגמי מוצרים מוצגים על רקע לבן, מסובבים מעט ליצירת עומק, לעולם לא מוטים בחדות. גופן כתוב בכתב יד (הדוקטור) הוא האלמנט האורגני/עבודת היד היחיד, המשמש אך ורק כדי לעורר את כתב היד הקליני בכרטיס ה"לפני".
לוּחַ הַצְבָעִים
מותג
- Surgical Blue
#2597d0— סמלים, סמל מיקרופון, נגן גלי קול ונגיעות פונקציונליות קטנות יוצרות תו כרומטי יחיד ברחבי הממשק.
נֵטרָלִי
- Obsidian
#070709— גוף הטקסט, כפתורי הקריאה לפעולה המלאים ואלמנטים כהים בממשק המשתמש - כמעט שחור - נבחרו במקום #000 טהור כדי לרכך את הניגודיות על רקע לבן. - Paper White
#ffffff— רקע העמוד, משטחי הכרטיס וטקסט הכפתור הם הקנבס העיקרי עבור כל הסעיפים שמתחת לאלמנט הראשי. - Cloud Gray
#f5f5f5— משטחי כרטיסים ורקעים נוספים של מקטעים מפרידים בלוקים פונקציונליים מהבד הראשי. - Sky Tint
#d7e6f5— גוון מסגרת הקרטון והגוון הכחול שכמעט ולא מורגש של המשטח יוצרים תחושה של אווירה, ולא של אפרוריות. - Charcoal
#60606c— טקסט ראשי, טקסט משני וגבולות מושתקים - צבע ניטרלי דומיננטי לתוכן שאינו כותרת. - Slate
#8b8b8b— טקסט מינורי ומדינות גבול לא פעילות - משמש לציון מיקומים ולהבטחת נגישות לאנשים עם מוגבלויות.
טיפוגרפיה
מ-12 עד 80 פיקסלים · 8 שלבים
- sans-serif — תַחֲלִיף: Inter · קווי מתאר 400, 700 · sans-serif - נמצא בנתונים שחולצו אך לא מתואר על ידי הבינה המלאכותית.
- Open Runde — תַחֲלִיף: Inter Tight · קווי מתאר 400, 500, 600, 700, 900 · הגופן העיקרי לכותרות ולניווט הוא הומניסטי גיאומטרי, עם ריווח אותיות צר בגדלים גדולים; -0.04em בגודל 80 פיקסלים דוחס את הכותרת לבלוק אחד ובטוח. ניתן להשתמש בו עבור כל הכותרות, הניווט והטקסט הגדול.
- Inter — תַחֲלִיף: system-ui · קווי מתאר 400, 500 · גוף משני וטקסט ממשק משתמש – משמש לכותרות קטנות, רכיבי ניווט וקישורים מוטבעים בהם רצוי קצב קריאה ניטרלי יותר. משתלב עם Open Runde ליצירת ניגודיות היררכית.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 12-16px |
| רדיוס הכפתור | 100px |
| רדיוס הכרטיס | 18px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 80-120px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Letters ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Integrated Biosciences — מעבדת ביולאוריות בחצות
- Mintlify — גן עננים מעל שולחן זכוכית. השמיים המצוירים ביד והסרט התיעודי ממוסגרים יחד - המקום היחיד שבו צבע וקונספט מתנגשים לפני שהדף דוהה ללבן נזירי.
- Gleap — מרחב עבודה מעוצב בגווני קרם חמים עם נגיעות גרפיט - סטודיו שבו נקודות דיו שחורות מט נראות כמרחפות מעל ארכיטקטורת הפשתן.
- Render — העיצוב עשוי מאלומיניום מוברש. הממשק מרגיש כמו מסמך הנדסי גיאומטרי נקי - רווח לבן, קווים דקים וקו סגול יחיד שמושך את תשומת הלב לפעולה.
- Grafbase — ציור הנדסי על שיש קר
- Slash — כספת חצות עם ספרי חשבונות מוזהבים
- Modal — מסוף זרחני בחדר שרתים חשוך - מקור האור היחיד הוא בצבע ירוק בהיר
- Whimsical — דיו שזיף עשיר על רקע לבנדר - מחברת סטודיו יצירתי המשמשת גם כלוח טכני.
- AgentQL — זוהר הצפוני מעל הטרמינל בלילה
- Alveos One — מפלט נעים עשוי מאבני נהר - חדר מדיטציה שקט ומואר בגוון קרם, בו חפץ גרפיט יחיד מונח בזוהר ענברי רך.
- GitHub — לוח פיקוד חלל עם נקודות בקרה ביולומינסנטיות - מרחב עבודה חשוך ואטמוספרי שבו זוהר ירוק יחיד מצביע על הדרך קדימה.
- Buddy — רישום הנדסי על נייר מילימטרי. משטח הרישום הלבן מסומן ברשת שכמעט ולא נראית לעין, בדיו כמעט שחורה, עם סימונים בצבע ירוק ליים פלואורסצנטי ומשיכות גרדיאנט ססגוניות.