Ventriloc
Issiq qog'ozdagi ma'lumotlarning tahririyat rasadxonasi - monoxrom aniqlikni ta'kidlaydigan bitta to'q sariq rangli cho'g'
Ventriloc sokin, tahririy ovozda gapiradi: iliq, aniq oq kanvas, bir oraliqli, yuqori aniqlikdagi ma'lumotlar kartalari va bosilgan hisobotdagi marker kabi monoxromni tinish belgilari bilan bezatadigan bitta to'q sariq rangli ko'mir. Tizim maxsus ishlab chiqilgan neo-grotesk shriftini (PolySans) sarlavhalar uchun 400 balllik og'irlik bilan birlashtiradi - bu aniqlik orqali avtoritet uchun hajm orqali avtoritetni qurbon qiladigan g'ayrioddiy cheklov - asosiy nusxa va interfeys elementlari uchun Inter bilan. Sirtlar sovuq, texnologik ko'k o'rniga issiq kulrang va krem ranglarda, kartalar assimetrik burchak yaxlitlashiga ega (o'ng yuqori burchak o'tkir, boshqa joyda yumshoq) va interaktiv elementlar ikkita alohida dialektga bo'lingan: o'tkir burchakli matn uslubidagi tugmalar va tabletka shaklidagi navigatsiya konteynerlari. Ranglar kamdan-kam ishlatiladi: sahifalar vaqtning 95% da axromatik uslubda ishlab chiqilishi kerak va to'q sariq rang faqat ta'kidlash, havolalarni tagiga chizish va ma'lumotlarning dekorativ urg'ulari uchun funktsional tinish belgisi sifatida ishlatiladi.
Maksimal kenglikdagi konteyner 1200 piksel, markazda joylashgan bo'lib, bo'limlar orasida 80 pikselli kenglikdagi oluklar mavjud. Asosiy element ikki ustunga bo'lingan: chapda sarlavha, pastki matn va ikkita chaqiruv tugmalari to'plami; o'ngda oq tuvalda suzib yurgan uchta bir-birining ustiga chiqadigan ma'lumotlar kartalari guruhi (moliyaviy jadval, daromad statistikasi, daromadlilik halqasi) joylashgan. Asosiy element ostida oq fonda to'liq kenglikdagi hamkor logotipi chizig'i joylashgan. Keyingi bo'limlar Ash (#efefef) va oq chiziqlar orasida almashinib turadi. Navigatsiya sarlavhaning markazida joylashgan suzuvchi tabletka shaklidagi konteyner bo'lib, brend logotipi chapga va qorong'u "Biz bilan bog'laning" tugmasi o'ngga joylashtirilgan. Umumiy ritm keng va tahririy - keng chegaralar, uzun bo'limlar va ma'lumotlar kartalari tipografiyadan tashqari yagona vizual tinish belgilarini taqdim etadi.
Vizual dizayn deyarli butunlay ma'lumotlarga asoslangan: diagramma vidjetlari (chiziqli grafiklar, dumaloq taraqqiyot satrlari, statistika kartalari) oq karton yuzalarida yupqa to'q sariq va jez chiziqlar bilan tekis, minimalist uslubda ishlab chiqilgan. Bosh sahifada turmush tarzi fotosuratlari, stok rasmlari, illyustratsiyalar yo'q. Faqatgina fotosurat kontenti monoxrom grafitda taqdim etilgan hamkor/mijoz logotiplaridir. Vizual til odatiy SaaS veb-saytiga qaraganda bosma yillik hisobotga yaqinroq - diagrammalar ARE tasvirlari. Piktogrammalar ingichka, monolinear va grafit rangida bo'lib, navigatsiya paneli va karta sarlavhalarida kam ko'rinadi.
Palitra
Brend
- Ember Orange
#ff682c— To'q sariq rang havolalar, teglar va qisqa iboralarni ta'kidlash uchun ishlatiladi. U harakatga chaqiruvlar uchun asosiy rang sifatida ishlatilmasligi kerak.
Neytral
- Graphite
#202020— Asosiy matn, sarlavhalar, navigatsiya havolalari, piktogramma konturlari – bular har bir interfeys elementining tipografik asosidir. - Canvas White
#ffffff— Sahifa foni, karta balandligi, ikonkani to'ldirish — tizimdagi eng yorqin sirt. - Ash
#efefef— Karta va bo'limning asosiy fonida, navigatsiya paneli konteynerida asosan issiq kulrang sirt mavjud. - Fog
#f5f5f5— Ichki yuzalar va ikkilamchi konteynerlar uchun nozik fon ohangi. - Ivory
#ebe6dd— Asosiy bloklar uchun iliq aksent fon - qog'ozga o'xshash tuyg'u. - Steel
#4d4d4d— Ikkilamchi asosiy matn, uzun paragraf matni
Tipografiya
14 dan 66 pikselgacha · 5 qadam
- PolySans — almashtirish: Inter Tight or Space Grotesk at weight 400 · konturlar 400 · Sarlavhalar va dekorativ matn - Faqat 400 og'irlikda va -0.02 em harflar oralig'ida ishlatiladigan maxsus ishlab chiqilgan neo-grotesk shrift hech qanday qalin sarlavha takrorlay olmaydigan nozik tahririyat kuchini yaratadi.
- Inter — almashtirish: system-ui or Roboto · konturlar 400, 500, 600 · Asosiy matn, foydalanuvchi interfeysi element yorliqlari, tugma matni, sarlavhalar, metama'lumotlar - sarlavha bo'lmagan barcha narsalar uchun universal sans-serif shrifti.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 20px |
| Tugma radiusi | 0px |
| Karta radiusi | 8px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 80px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Ventriloc 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
- Ui — mat qog'ozdagi klinik reja
- Geniestudio — Yumshoq kunduzgi daftar — keng hoshiyali va bitta qalin ruchkali daftar turi
- xAI — Qora tabletkali iliq krem laboratoriyasi
- Cal — Monoxrom amaliylik, insoniy yondashuv. Qat'iy qora-oq palitra orqali aniqlik va funksionallikka ustuvor ahamiyat beradigan, ammo uni do'stona tipografiya va yumaloq shakllar bilan yumshatadigan tizim.
- Scale — Texnik loyiha bilan birlashtirilgan yuqori sifatli muzey sifatidagi fotolaboratoriya
- Contractbook — ultramarin osmoni ostida krem qog'ozining shartnomalari
- AutoSend — Bitta binafsha chiroqli shinam tosh studiya — bu yerda serif sarlavhalari va yorqin indigo chaqiriqlari bitta sokin, deyarli oq makonda birga yashaydi.
- Air — "Shisha orqali yarim tun osmoni" haykali
- SpatialChat — oq pergamentdagi binafsha puls
- Squarespace — Kinematik monoxrom galereyasi
- Giga — Muzli obsidian ustida yarim tun ufqi
- Supabase — Yarim tunda fosforli yashil nuqta bilan kod muharriri - ko'mir changi dengizidagi bitta xromatik impuls