Ui
תוכנית קלינית על נייר מט
shadcn/ui היא סדנה ליצירת מערכת עיצוב מונוכרום: בד לבן נקי, משטחים אפורים חמים ורכים, וכרטיסים בעלי רדיוס גדול הממוקמים על הגבולות העדינים ביותר. הממשק כמעט לחלוטין אכרומטי - טקסט שחור, משטחים לבנים, גוונים משניים אפורים - עם צבע אדום יחיד ומפריע השמור למצבי שגיאה ושום דבר אחר. הטיפוגרפיה מסתמכת על הנייטרליות הגיאומטרית של גייסט עם גובה אותיות צפוף על המסכים, ויוצרת תחושה רגועה וקודית שמרגישה יותר כמו תשתית למפתחים מאשר מוצר צריכה.
תמונות מינימליות - המערכת מורכבת כמעט לחלוטין מממשק המשתמש. אין תמונות מפתח, איורים או גרפיקה דקורטיבית. הדגמות מוצרים מוצגות כמוקאפים של רכיבים (כרטיסים, שדות קלט, כפתורים) ברשת, המשמשות הן כתיעוד והן כתוכן חזותי. אייקונים הם קווים גיאומטריים דקים (ככל הנראה מושאלים מ-Lucide) בעובי 1.5-2 פיקסלים ב-#0a0a0a או #737373, המשמשים במשורה כרמזים פונקציונליים. השפה החזותית היא רכיבי ממשק המשתמש עצמם - הדף מתפקד כמדריך סגנון חי, שבו כל אלמנט גלוי הוא אלמנט עיצובי גלוי.
לוּחַ הַצְבָעִים
נֵטרָלִי
- Canvas
#f5f5f5— רקע עמוד, מילוי משטח מושתק, כפתורים נוספים. - Paper
#ffffff— משטחי כרטיסים, רקעים קופצים, מילויי כפתורים ראשיים - Surface Alt
#fafafa— רקע סרגל צד, אפשרות כרטיס דיסקרטי, מצב סרק של שדה הקלט. - Ink
#0a0a0a— טקסט עיקרי, כותרות, תוויות כפתורים, קווי מתאר של סמלים. - Ink Soft
#171717— תמונות רקע של כפתורים עם מילוי, טקסט נוסף על משטחים בהירים. - Mid Gray
#737373— הטקסט הראשי, טקסט מציין המיקום, תוויות העזר ומילוי הסמלים במנוחה - כולם מושתקים.
טיפוגרפיה
מ-12 עד 48 פיקסלים · 8 צעדים
- Geist — תַחֲלִיף: Inter · קווי מתאר 400, 500, 600 · כל טקסט הממשק - גוף טקסט עם עובי שורה של 14 פיקסלים/400, כותרות עם עובי שורה של 24-48 פיקסלים/600, וכפתורים עם עובי שורה של 13-14 פיקסלים/500. צורות האותיות הגיאומטריות ועובי השורה האחיד של Geist יוצרים תחושה ניטרלית עבור כלי פיתוח; עובי שורה של 600 עם מרווח אותיות של 48 פיקסלים וריווח אותיות של -0.05 אלמום מבטיח כותרות ברורות ובטוחות שנראות מתחשבות ולא ערוכות.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 8px |
| רדיוס הכפתור | 18px |
| רדיוס הכרטיס | 24px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 48-80px |
| רוחב העמוד | 1280px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Ui ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Ventriloc — מצפה נתונים על נייר חם - גחל כתום בודד המדגיש את הדיוק המונוכרומטי
- Geniestudio — מחברת רכה לאור יום - כזו עם שוליים רחבים ומשיכת עט עבה אחת
- xAI — קרם חם למעבדה עם גלולה שחורה
- Cal — פרקטיות מונוכרום, גישה אנושית. מערכת שמעדיפה בהירות ופונקציונליות באמצעות פלטת צבעים קפדנית בשחור-לבן, אך מרככת אותה עם טיפוגרפיה ידידותית וצורות מעוגלות.
- Scale — מעבדת צילום איכותית ברמת מוזיאון בשילוב עם פרויקט טכני
- Contractbook — חוזים של נייר קרם תחת שמיים כהים
- AutoSend — סטודיו אבן נעים עם אור סגול יחיד - שבו כותרות סריפיות וקריאות לפעולה בצבע אינדיגו בוהק מתקיימות יחד בחלל אחד שקט, כמעט לבן.
- Air — הפסל "שמי חצות מבעד לזכוכית"
- SpatialChat — דופק סגול על קלף לבן
- Squarespace — גלריית מונוכרום קולנועית
- Giga — אופק חצות מעל אובסידיאן קפוא
- Supabase — עורך קוד בחצות עם נקודה ירוקה זרחנית - דופק כרומטי יחיד על ים של אבק פחם