
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.
ElevenLabs isti, ağ minimalist üslubda işləyir: qara şriftlə yumurta qabığı rəngli kətan (#fdfcfc) və isti tünd qırmızı səthlərin tək qatı (#f5f3f1). Brend kimliyi sakit və inamlıdır - çətinliklə seçilən Waldenburg 300 şrifti başlıqları son dərəcə aydınlıqla vurğulayır (-0.02em), Inter 400/500 isə hər şeyə sakit neytrallıq verir. İki vurğu rəngi - canlı bənövşəyi #0447ff və canlı narıncı #ff4704 - yalnız məhsulun vizual elementlərində (audiosferlər, məhsul nişanları) görünür, UI-də heç vaxt xrom kimi görünmür. Komponentlər nazik 1px haşiyələr, kartlarda geniş 20px radiuslar və tam doldurulmuş 9999px düymələrlə düz və ya bir qədər qaldırılmış qalır. Sistem krem kağız üzərində Bauhaus studiyasını xatırladır: təmkinli, redaksiya xarakterli və texniki cəhətdən dəqiqdir.
Tam enli bölmələr şaquli olaraq tək, maksimum enli mərkəzi sütunda, 1280 piksel xarici novlarla düzülmüşdür. Əsas bölmə asimmetrikdir: başlıq 48 piksel Waldenburg səviyyəsində sola düzülmüş, təsvir mətni sağa düzülmüş və başlığın altında iki həb formalı düymə yerləşir. Əsas bölmənin altında bütün məzmun enini əhatə edən böyük sekmeli naviqasiya paneli var. Bölmələr yumurta qabığı rəngli və tünd qırmızı fonlar arasında növbələşir və 96-125 piksel şaquli novlar var. Altbilgi kompakt, tək zolaqdır. Naviqasiya minimalist üst paneldir - sabit davranış yoxdur, meqa-menyu yoxdur. Məzmun ritmi redaksiya üslubuna uyğundur: bol ağ boşluq, bölmə üçün bir əsas vizual element və "Etibar" bölməsinin altında kart şəbəkələri yoxdur.
Vizual dizayn rəng sxemi ilə dominantlıq təşkil edir: yumşaq səs sferaları şəklində böyük qradiyentlər (bənövşəyidən narıncı və çəhrayıya radial keçidləri olan 200 pikseldən çox dairə) əsas qrafik element kimi xidmət edir. "Etibar" bölməsindəki loqotiplər mat kətan fonunda aşağı kontrastlı boz tonlarda təqdim olunur. Fotoqrafiya minimaldır - həyat tərzi və ya məhsul fotoşəkilləri yoxdur. İkonoqrafiya seyrək və monoxromdur (qara kontur və ya doldurulmuş nişanlar, xromatik nişanlar yoxdur). Vizual sistem məhsul kataloqundan daha çox dizayn nəşrini xatırladır - redaksiya məhdudiyyəti marketinq təsirindən üstündür.
Palitra
Brend
- Violet Spark
#0447ff— Məhsulun vizual vurğusu - Yalnız audio sfera illüstrasiyalarında və dekorativ məhsul nişanlarında görünür; heç vaxt interfeys elementləri üçün istifadə edilmir.
Neytral
- Eggshell
#fdfcfc— Rəqəmsal parıltının qarşısını almaq və sayta kağız kimi sakitlik vermək üçün səhifə kətanının, düymə səthlərinin və kart səthlərinin açıq ağ əvəzinə isti, bir az krem rəngli olması vacibdir. - Warm Taupe
#f5f3f1— Bölücü zolaqlar, dekorativ kartlar və əlavə səth səviyyəsi - mat səthdən bir addım daha dərin - sakit, sərhədsiz bir ayrılıq yaradır. - Stone
#ebe8e4— Nazik haşiyələr, bölücülər və ikon fonları soyuq hiss etmədən tünd qırmızı ilə orta boz arasında yerləşən isti boz rəngdir. - Ink
#000000— İstər əsas mətn, istər doldurulmuş düymələr, naviqasiya və ya keçidlər olsun, təmiz qara rəng isti rəng palitrası üçün təməl rolunu oynayır və sistemdəki yeganə kəskin kontrastı yaradır. - Graphite
#44403b— Əsas mətn, bölmə başlıqları - qara rəngin sərtliyindən azad, kəskin olması lazım olan mətn üçün incə, isti tünd boz rəng. - Smoke
#777169— Əsas mətn, gizli təsvirlər və başlıqlar orta-isti boz rəngdədir; kartların və tematik mətnlərin dominant, oxunaqlı, lakin sakit üslubu.
Tipoqrafiya
10-dan 48 pikselə qədər · 8 addım
- Waldenburg — əvəzetmə: Inter (300) or Söhne Light · konturlar 300 · Yalnız başlıqlar və dizayn elementləri üçün. 300 şrift qalınlığı ilə 48/36/32 piksel formatlarda istifadə olunur — ultra yüngül şrift qeyri-ənənəvidir; əksər veb saytlar 600-700 istifadə edir; bu incə şrift təmkin vasitəsilə səlahiyyəti çatdırır. -0.02em sıx hərf aralığı daha böyük ölçülərdə hərflər arasında daha yaxın uyğunluq yaradır. Alternativlər: 300 çəkidə "Inter" və ya premium alternativ olaraq yüngül çəkidə "Söhne".
- Inter — əvəzetmə: Inter or system-ui · konturlar 400, 500 · Ekrandan kənar hər şey: əsas mətn, naviqasiya, düymələr, keçidlər, etiketlər, giriş sahələri, kartlar. 400 standart çəkidir; 500 düymələr və vurğulanmış keçidlər üçün ayrılıb. Ölçülər 10-dan 10-a qədər dəyişir, sətir aralığı azaldılır (1.47–1.6), bu da abzaslara nəfəs almaq üçün yer verir. 14-dən 3-ə qədər ölçülərdə +1 (2) kiçik hərf aralığı kiçik ölçülərdə oxunmanı artırır.
- Geist Mono — əvəzetmə: JetBrains Mono or IBM Plex Mono · konturlar 400 · Kod və ya texniki mətnin yanında yerləşən mikromətn, 13 piksel ölçüsündə yerləşdirilib — texniki etiketlər və ya metaməlumatlar üçün nadir hallarda istifadə olunur (tezlik = 28). Tək qatlı, böyük sətir hündürlüyü 1.69-dur.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 8-16px |
| Düymə radiusu | 9999px |
| Kart radiusu | 20px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 96-125px |
| Səhifə eni | 1280px |
Süni intellekt veb saytınızı ElevenLabs ü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
- Awesomic — Konfeti xatırladan narıncı durğu işarələri olan redaksiya sink tor
- Monad — isti perqament üzərində redaksiya texniki jurnalı
- 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.