Monad
isti perqament üzərində redaksiya texniki jurnalı
Monad bütün interfeysini isti perqament kətan üzərində göstərir (#f6f3f1), onu tipik təmiz ağ SaaS şablonundan dərhal fərqləndirir. Başlıqlar redaksiya ağırlığına malikdir və 400 çəkilik şrift olan Untitled Serif ilə təyin olunur - heç vaxt qalın deyil - bütün əsas mətn, naviqasiya və UI elementləri ABC Diatype Mono ilə təyin olunur və sayta ədəbi jurnal üçün texniki təlimat yazı dəsti teksturasını verir. Tək parlaq mavi (Göl) əsas hərəkətlər üçün yeganə xromatik vurğu təmin edir; qalan hər şey isti boz palitrada saxlanılır, buna görə də periwinkle kart səthi (#cfdaf5) və yumşaq pastel qradiyent keçidləri (mərcan, göy mavisi, nanə, qızılı) səs-küydən daha çox qəsdən durğu işarələrinə bənzəyir. Komponentlər kölgələrdən daha çox incə haşiyələrə və həb qablarına əsaslanır və ritm kart kimi girintilər və bölmələr arasında bol şaquli boşluq sayəsində sakit və geniş saxlanılır.
Vizual dil hazırlanmış məlumat boru kəməri diaqramına əsaslanır: nazik əyri xətlərlə hap şəkilli düyünlər, hər düyün daxilində məlumat mənbələrini (istənilən mənbə, bulud qeydləri, zəifliklər) və təyinat yerlərini (SIEM, bulud saxlama, məlumat gölü) təmsil edən kiçik nişanlar var. Diaqram məlumatların normallaşdırılmasını vurğulamaq üçün mərkəzdə yumşaq yaşıl radial parıltıdan istifadə edir. Güclü bulanıq filtrlərə malik qradiyent atmosfer çalarları (mərcan → Səma Mavisi, Səma Mavisi → Nanə) əsas və funksional məzmunun arxasında yumşaq rəng haloları yaradır. Tərəfdaş loqotipləri sosial təsiri vurğulayaraq tək bir sətirdə göstərilir. "Data Transformations In Progress" kartında üst-üstə düşən şəffaf həndəsi formalarla böyük bir qradiyent illüstrasiyası var. Fotoşəkillərdən istifadə edilmir - brend məlumatı yalnız tipoqrafiya, diaqramlar və rəng sxemləri vasitəsilə çatdırır.
Palitra
Brend
- Parchment
#f6f3f1— Səhifə kətan və səthin çox hissəsi — bu isti, krem rəngli çalar — brendin imza rəngidir və saytı dərhal ağ rəngli SaaS şablonlarından fərqləndirir. - Lake Blue
#2b59d1— Bənövşəyi rəng fonları, dekorativ zolaqları vurğulamaq və məzmunun arxasında incə bir vurğu kimi istifadə olunur. Fəaliyyətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir.
Neytral
- Off-Black
#242424— Yüngül səthlərdə əsas düymələr üçün yüksək kontrastlı neytral doldurma. - Periwinkle Mist
#cfdaf5— Deaktiv edilmiş idarəetmə vasitələri, aşağı vurğulu panellər və yer tutucu bloklar üçün sakit interfeys. - Sky Blue
#a0b5eb— Dekorativ Qradiyent Dayanacağı - Boru kəməri diaqramında atmosfer doldurmalarında və axın xətlərində görünür, heç vaxt UI doldurma kimi istifadə edilmir. - Mint
#a7fccd— Əsas rəng palitrasının kontrasta ehtiyacı olduqda, kiçik dekorativ vurğular üçün ikinci dərəcəli rəng palitrası. - Coral
#ff9473— Əsas rəng palitrasının kontrasta ehtiyacı olduqda, kiçik dekorativ vurğular üçün ikinci dərəcəli rəng palitrası. - Gold
#ecda98— Dekorativ qradiyent nöqtəsi, qradiyent keçidlərində isti bir vurğudur və funksional istifadəçi interfeyslərində heç vaxt istifadə edilmir.
Tipoqrafiya
12-dən 80 pikselə qədər · 10 addım
- ABC Diatype Mono — əvəzetmə: JetBrains Mono · konturlar 400, 500 · Əsas mətn, naviqasiya, düymələr, nişanlar, etiketlər və BÜTÜN UI mətnləri. Bütün funksional elementlər arasında monospace şrift interfeysə texniki təlimat hissi verir — 16-20 piksellik əsas mətn marketinq məlumatı deyil, məlumat kimi qəbul edilir. Naviqasiya etiketləri və nişanları daha dəqiq hərf aralığına malik 18 piksel şriftdən istifadə edir; kiçik şriftlər və metamətn bütün böyük hərflərlə 12 piksel şriftdən istifadə edir. 500 piksel şrift ölçüsü görkəmli UI elementləri üçün ayrılıb.
- Untitled Serif — əvəzetmə: Times New Roman · konturlar 400 · Yalnız başlıqlar və alt başlıqlar üçün — 80 piksel (əsas mətn), 48 piksel (bölmə), 40 piksel və 32 piksel (alt bölmələr) və 24 piksel (təsvir kartı başlıqları) ölçülərində istifadə olunur. Şriftin qalınlığı bütün ölçülər üçün 400 olaraq sabitdir; serif şriftinin təbii kontrastı və -0.02 sm hərf aralığı qalın şrift əvəzinə əsas diqqəti təmin edir. Redaksiya tərzi belədir: başlıqlar qalınlıqla qışqırmaq əvəzinə, tipoqrafik incəliklə pıçıldayır.
- Untitled Sans — əvəzetmə: Inter · konturlar 400 · Başlıqsız Sans şrifti - çıxarılan məlumatlarda tapılır, lakin süni intellekt tərəfindən təsvir edilmir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 16px |
| Düymə radiusu | 100px |
| Kart radiusu | 40px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 64px |
| Səhifə eni | 1432px |
Süni intellekt veb saytınızı Monad üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- ElevenLabs — İsti krem tonlarında incə başlıqlarla yazılmış foto esse. Bauhaus üslubunda dəftər — yumurta qabığı rəngli kağız, qara mürəkkəb və məhsul nümayişi üçün tək bənövşəyi və narıncı vurğu.
- Awesomic — Konfeti xatırladan narıncı durğu işarələri olan redaksiya sink tor
- Dub — Link-in mat düyü kağızı idarəetmə paneli
- Seline Analytics — İsti kağız üzərində sakit analitik masa
- Notion — Günorta günəşində isti kağız dəftər
- Anthropic — İsti perqament haqqında elmi sahə jurnalı - sakit fil sümüyü səthləri, serif redaksiya başlıqları və yalnız hərəkətə ehtiyac olduqda görünən tək bir gil vurğu.
- Calendly — Soyuq mərmər üzərində tünd mavi mürəkkəb
- Augen Pro — Apple-ın ağ təqdimatı monoxrom məkanda yeganə vurğu kimi klinik, çəkisiz, elektrik mavisinə malikdir.
- Antimetal — Kremli kağız üzərində redaksiya xronikası — elmi jurnalda sakit bir səhər, burada təmkin özünəinam ifadə edir və seriflər ağır işi yerinə yetirir
- Perk — İsti perqament kağızı üzərində elektrik əhəng
- Ditto — Günəş işığı altında vəhşi çiçək nümunələri yaradan emalatxana. İsti krem səthlər, canlı sarı əsas rəng, tünd tünd göy mürəkkəblər, əsərin arxasında çiçəklənən üzvi rəng formaları.
- Officevibe — İsti krem rəngli kağız üzərində redaksiya jurnalı. Müasir mavi interfeys vasitəsilə pıçıldayan kursiv serif şrift kimi təqdim olunan, məhsul kimi təqdim olunan, HR idarəetməsi haqqında düşünülmüş bir esse təsəvvür edin.