Ciridae
חדר ריק עם פעימות של גחלים בוערות - קתדרלה כמעט שחורה שבה הצליל החם היחיד הוא קו דק של חלודה, וכל משטח מוגדר על ידי קווים דקים ולא צל.
Ciridae פועלת בחלל ריק: בד ציור #0b0b0b, פקדים בצורת גלולה עם קווי מתאר בקושי מורגשים, וטיפוגרפיה נעולה באותיות גדולות של Pragmatica Cond במשקל 400 - ללא אותיות מודגשות, ללא אותיות גדולות מעורבות, ללא אלמנטים דקורטיביים. התו הכרומטי היחיד הוא #cc6437, גוון חלודה חם ומעשן המשמש כקווים דקים ביותר וסימני פיסוק קטנים, לעולם לא כמילוי. מפות צפות על #272a2a ברדיוס של 10 פיקסלים וללא צללים; המערכת נמנעת מגובה, ומגדירה משטחים באמצעות ניגודיות טונאלית וגבולות עדינים ביותר של 1 פיקסלים. התמונות מטושטשות מאוד ואטמוספריות - שיש נוזלי, עשן, אש - ממוקמות מאחורי הטקסט במצב מסך מלא, כך שהדימויים החזותיים מרגישים יותר אטמוספריים מאשר אילוסטרטיביים.
פריסת העמוד היא ברוחב מלא, כאשר התוכן ממורכז ברוחב מרבי של כ-1400 פיקסלים. הגיבור הוא קומפוזיציה כהה ברוחב מלא עם לוגו של קבוצת כוכבים ממורכזת, מוקף בתוויות מיקרו בצדדים שמאל וימין. המקטעים מתחלפים: גיבור כהה → פס בהיר עם שכבות תחתון (עצם) → טקסט כהה עם טרנספורמציה → רשת כהה של כרטיסי מערכת → כותרת תחתונה כהה. המקטע הבהיר היחיד יוצר מעבר גווני חד יחיד. רשת הכרטיסים משתמשת ב-4 עמודות, כאשר הכרטיס הראשון רחב בערך פי שניים משלוש האחרות, ויוצר פריסה אסימטרית עם דגש על תוכן. המרווח האנכי בין המקטעים נדיב (80 פיקסלים+). הניווט מינימלי: סרגל חדשות עליון + "התחל עכשיו" מיושר לשמאל ו"תפריט" מיושר לימין בסרגל העליון. אין סרגל צד, אין תפריט-על.
תצלומים אטמוספריים, התופסים את כל שטח הדף, שולטים במסך הבית ובכרטיסיות. התמונות מטושטשות מאוד (זוהו ערכי טשטוש רקע של 50 פיקסלים ו-40 פיקסלים) ובעלות ניגודיות גבוהה, ומתארות שיש נוזלי עם מערבולות כחולות-אדומות, עשן, צלליות כהות של נופים ומרקמי אש/גחלים. התמונות מצמררות וחשכות, לא תוססות - הן חולקות את אותו טווח גוונים כמו בד הקנבס הריק במקום לבלוט עליו. אין תמונות מוצר, אין אנשים, אין צילומי מסך של ממשק המשתמש. התמונות יוצרות אווירה במקום לשמש כתוכן המחשה. רשת הכרטיסיות ממפה כל מערכת לסצנה אטמוספרית שונה, מה שמאפשר לתמונות לתפקד כמזהים חזותיים מופשטים ולא כתמונות מוצר מילוליות.
לוּחַ הַצְבָעִים
מותג
- Ember Rust
#cc6437— משיכות הדגשה, קווי סמלים והדגשות טקסט קטנות הם הצבע הכרומטי היחיד במערכת מונוכרום, ונראה יותר כנקודה פועמת בקושי מורגשת מאשר כמילוי.
נֵטרָלִי
- Void Black
#0b0b0b— תמונות רקע לעמוד הראשי ולמדורים; הבסיס של המערכת כולה. - Charcoal Surface
#272a2a— תמונות רקע עשויות מקרטון ופאנלים על אזורים כהים בהירים בטון אחד מהקנבס כדי ליצור הפרדת משטחים ללא צללים. - Bone
#edebe7— האזורים הבהירים של הרקע והמשטח הם בצבע קרם, כאשר המערכת עוברת מחושך לבהיר. - Bone Darker
#dfddd9— גוון עדין בשם "עצם" למשטחים בהירים רב-שכבתיים ואלמנטים בצבע חם, כמעט לבן. - Pure White
#ffffff— כל הטקסט הראשי, הכותרות, גבולות הכפתורים הרפאים ורכיבי הניווט הם בצבע הראשי עם יחס ניגודיות של 19.7:1 על רקע שחור ריק. - Abyss
#050505— רקע מוגבה לרצועת החדשות (רצועת החדשות העליונה) - גוון אחד כהה יותר מהקנבס הראשי כדי להבליט את הרצועה.
טיפוגרפיה
מ-11 עד 32 פיקסלים · 5 שלבים
- Pragmatica Cond — תַחֲלִיף: Oswald · קווי מתאר 400 · גופן התצוגה והממשק הראשי הוא גופן צר ודחוס עם אותיות גדולות בגודל 14 פיקסלים לגוף הטקסט, 20 פיקסלים לכותרות סעיפים ו-32 פיקסלים לטקסט הראשי. גופן צר במיוחד ו-14 פיקסלים באותיות גדולות לגוף הטקסט הם הפתרון האופייני ביותר למערכת: גוף הטקסט נקרא כמו לחישה של גופן אדריכלי ולא כמו פרוזה רגילה. החלף ב-Oswald או Barlow Condensed אם Pragmatica Condensed אינו זמין.
- Pragmatica — תַחֲלִיף: Inter · קווי מתאר 400 · גופן משני, ראשי, המשמש לקטעי פרוזה ארוכים יותר (למשל, תיאור הכרטיס "מערכת הפעלה של בינה מלאכותית" הוא 24 פיקסלים, טקסט הפסקה הוא 15 פיקסלים). מעט רחב יותר מ-Pragmatica Cond לנוחות הקריאה בבלוקים גדולים יותר, אך עדיין במשקל 400 - לעולם לא מודגש. החלף ל-Inter או Söhne.
- Roboto Mono — תַחֲלִיף: Roboto Mono (free · קווי מתאר 400 · מיקרופונט בעל מרווח אחד עבור טיקר חדשותי ("חדשות • 15 ביוני, 2026 • גישה מוקדמת ל-CRUCIBLE פתוחה כעת"). הגופן בעל המרווח השני משמש רק כאן, ויוצר הבחנה פונקציונלית ברורה: מדובר בנתוני מערכת, לא במיתוג.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְמוּצָע |
| שלב בסיסי | 16-20px |
| רדיוס הכפתור | 1440px |
| רדיוס הכרטיס | 10px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 80px |
| רוחב העמוד | 1400px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Ciridae ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Dala — קבוצת כוכבים מרחפת על קטיפה שחורה
- Linear — מכשיר דיוק חצות
- Resend — קטיפה שחורה עם צבע ניאון סגול
- Dovetail — תוכנית אב תחת ירח שחור - קווי גרף בקושי נראים לעין, גופן לבן, נצנוץ סגול אחד
- Neon — חדר שרתים לאחר רדת החשיכה. חושך טהור, שבו האור היחיד מגיע מנתונים ומאינטראקציות של משתמשים.
- Discord — עולם המשחק מוסתר מאחורי חלון צ'אט קופץ - כל מדור הוא סביבה עצמאית עם תאורה ודמויות משלו.
- Aaru — מצפה שדה חלקיקים בחצות
- Atlas Card — כספת חצות, עם קרן הספיר היחידה שלה, היא מרחב שחור כמשהו שבו הדבר היחיד שחשוב הוא הכחול החשמלי העמוק.
- Midjourney — מסוף ביולומינסנטי במעמקי האוקיינוס. עולם עמוק בים שבו אינטליגנציה יוצרת את עצמה ויזואלית בזרמי ASCII, ובקרות מופיעות כדפוסים זוהרים קלושות.
- Checkly — מרכז בקרת משימת מסלול עמוק
- Krea — גלריית נואר בחצות
- Wope — וופ הוא ממשק אופק סגול. דמיינו שולחן תצפית כהה עם אור סגול שמקרין מתחת לזכוכית.