Medium
Oltin soatda kremsi oq gazeta
Medium vebga ko'chirilgan adabiy o'qish xonasi kabi ishlaydi: iliq, kremsi fon (#f7f4ed) SaaSga xos bo'lgan steril oq rangni almashtiradi, bu esa uzun matnlarni bosma sahifa kabi his qiladi. Vizual tizim agressiv ravishda monoxromdir - deyarli barcha UI sirtlari, matn va chegaralar #242424 dan #6b6b6b gacha bo'lgan tor iliq kulrang chiziqda joylashgan - shuning uchun o'quvchining diqqati butunlay tarkibga qaratilgan. Yagona imzo imo-ishorasi serif sarlavhasi (GT Super, 120px, og'irligi 400, harflar oralig'i -0.055em), ataylab trendga qarshi tanlov: displey uchun masshtablangan, qalin geometrik sans-serif o'rniga deyarli sezilmaydigan o'tish davri kitob serif shrifti: "Biz dasturiy ta'minotni emas, balki kitoblarni nashr etamiz" degan signalni beradi. Tugmalar deyarli qora rangdagi to'la "tabletkalar" - sahifadagi yagona qattiq siyoh.
Bosh sahifa ikkita ustundan iborat: chap tomon sahifa maydonining ~55% ni egallaydi, sarlavha, pastki matn va harakatga chaqiruv vertikal ravishda keng ichki oraliq bilan joylashtirilgan; o'ng tomon sahifa maydonining ~45% ni egallaydi, illyustratsiya paneli mavjud. Chap ustun chapga tekislangan (markazlashtirilmagan) bo'lib, sahifani o'qish o'qiga mahkamlaydi. Bosh sahifa ostida sahifa pastki qismida markazlashtirilgan havolalar bilan bitta, to'liq kenglikdagi, krem rangli chiziqdan iborat. Bosh sahifada karta katakchalari, funksiyalar bo'limlari yoki navbatma-navbat chiziqlar yo'q - bosh sahifa sahifa. Kontent zichligi ataylab past: bitta sarlavha, bitta jumla, bitta tugma, bitta rasm. Sahifa boshqaruv paneli emas, balki muqovadir.
Rasmlar tahririy va epizodik bo'lib, tizimli emas. Asosiy sahifada qo'lda chizilgan bitta rasm (yashil gul, geometrik qo'l, yulduz turkumi chiziqlari) erkin, biroz sodda uslubda tasvirlangan. Rasmlar doimiy kutubxonadan emas, balki mavsumiy ravishda o'zgarib turadigan buyurtma asosida yaratilgan asarlarga o'xshaydi. Asosiy sahifada fotosuratlar yo'q. Asosiy sahifada piktogrammalar yo'q - barcha ishlar matn logotipi va matn tomonidan bajariladi. Vizual til asosan matnga yo'naltirilgan bo'lib, rasmlar tinish belgilari vazifasini bajaradi.
Palitra
Neytral
- Newsprint Cream
#f7f4ed— Sahifa tuvali, asosiy oyna foni va qism foni raqamli interfeys o'rniga bosma interfeys hissini yaratadigan iliq, biroz kremsi rangga ega. - Paper White
#ffffff— Karta yuzalari, ko'tarilgan panellar, forma kiritish maydonchalari va krem rangli tuvaldan ajratilishi kerak bo'lgan har qanday yuzalar. - Ink
#242424— Asosiy matn, asosiy matn, havolalar, sarlavhalar - sof qora rangdan biroz iliqroq, krem fonda yaxshi ko'rinadi. - Body Gray
#333333— Ikkilamchi matn rangi va standart old fon rangi kontrastni yo'qotmasdan siyoh rangidan biroz ochroq rang talab qilinadigan hollarda ishlatiladi. - Button Black
#191919— Neytral rang ikkilamchi UI elementlari, ajratgichlar va ovozsiz yorliqlar uchun qo'llab-quvvatlanadi. U harakatga chaqiruvlar uchun asosiy rang sifatida ishlatilmasligi kerak. - Marginalia Gray
#6b6b6b— Ikkilamchi foydalanuvchi interfeysi, bo'linuvchilar va ovozsiz yorliqlar uchun neytral ranglarni qo'llab-quvvatlash.
Tipografiya
13 dan 120 pikselgacha · 5 qadam
- medium-content-sans-serif-font — almashtirish: Inter · konturlar 400 · oʻrtacha kontentli-serifsiz shrift - olingan maʼlumotlarda topilgan, ammo sunʼiy intellekt tomonidan tavsiflanmagan.
- GT Super — almashtirish: Playfair Display · konturlar 400 · Sarlavhalar va asosiy matn o'ta shkala bo'yicha o'tish davri kitob serif shrifti bo'lib, harflar oralig'i tor va qatorlar oralig'i 0,83 ga teng. 120 piksel o'lchamdagi 400 (qalin emas) qalin shriftni tanlash o'ziga xos xususiyatdir: og'irlik emas, balki harf shakllari ishni bajaradi. Salbiy harflar oralig'i optik bo'shliqlarni toraytiradi va "Inson hikoyalari va g'oyalari"ni yaxlit tipografik blok kabi his qiladi.
- Söhne — almashtirish: Inter · konturlar 400 · UI sans-serif shrifti navigatsiya, tugmalar, kichik sarlavhalar va kichik sarlavhalar uchun ishlatiladi. 13–14 piksel diapazon navigatsiya yorliqlari va tugmalari uchun; 20–22 piksel sarlavha ichidagi kichik sarlavhalar va ikkinchi darajali matn uchun. Gumanistik nisbatlarga ega toza sans-serif shrifti kichik o'lchamlarda o'qilishi mumkin, katta o'lchamlarda esa sezilmaydi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 16-24px |
| Tugma radiusi | 9999px |
| Karta radiusi | 0px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 64px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Medium uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Steep — Issiq qog'ozdagi serif shriftlarini tahlil qilish
- Newformcap — Kiyinish xonasidagi tahririyat gazetasi
- Claude — Issiq pergamentga bosilgan artefakt — suyak qog'oziga siyoh, rangning yagona nafasi loy
- 11x– Digital workers — Kinematografik tahririyat cho'li — hashamatli jurnallar tarqatayotgandek o'qiladigan monumental serif sarlavhalari fonida landshaftning panoramali fotosuratlari.
- Revolut — Bulutlarning fotosuratiga asoslangan monoxrom tahririyat asari - oq siyoh, tabletka qutisi tugmalari, kulrang dunyoda bitta ko'k rangli chiziq.
- Scheduling — Krem qog'ozga tahririyat siyohi
- Titan — issiq rangli monoxrom arxiv
- Programa — Shveytsariya dizayn studiyasi peshin vaqtida. Oq galereya devori bitta sariq stol chiroqchasi bilan yoritilgan — hamma narsa kulrang tuslarda, tugma, belgi yoki aksent diqqatni tortguncha, keyin esa o'sha bitta sariq aksent butun xonani belgilab beradi.
- Sana Agents — Tahririyatdagi oq fonda ohak uchquni
- Visual — Issiq tahririyat samizdati. Krem qog'oz, serif plakatlar, monoxrom marginallar, bitta sariq marker.
- Midday — Pergamentga yozilgan tahririyat broshyurasi - issiq tosh fonida 72 pikselli serif sarlavha, oraliqlar bilan sans-serif asosiy nusxasi, tabletka shaklidagi boshqaruv elementlari, soyalarsiz
- Chat for impact — Pastel rangli xonalarga ega o'rmon yashil klinikasi