Subframe
Gyzgyn pergamentde grafiki surat. Her bir çyzgy ýa grafit ýa-da pozujy bolan dizaýner kagyzynda hiç haçan boýalmaýar — çuňluk çyzyk galyňlygy we seýrek serifler arkaly gazanylýar.
Alt kadr monohrom dizaýneriň iş meýdanydyr: ýyly, krem reňkli tuwal, grafit-gara syýa we hromatik aksentleriň düýbünden ýoklugy. Bütin interfeýs ýeke-täk material hökmünde - kagyz, galam we kölege - bir batyrgaý tipografiki degişme bilen kabul edilýär: sistematik sans-serif (Inter) garşy goýlan arassa serif (Instrument Serif), başlyklara redaksiýa agramyny berýär. Ýüzler galdyrylan däl-de, tekiz we çarçuwaly; çuňluk #e5e7eb-däki inçe bölüjiler we kölegeleriň ýerine garaňky dolandyryş elementlerinde goýlan ýagtylandyrmalar arkaly gazanylýar. Dykyzlyk giň: giň dik ritm (bölümleriň arasyndaky boşluklar 48–64 piksel), merkezleşdirilen, doly giňlikdäki düzülişler we tekstiň töweregindäki giň boşluk. Ýeke-täk reňk ak we gara reňkleriň arasyndaky kontrastdyr, bu bolsa gara düwmäni her sahypada iň täsirli element edýär we çal reňkdäki hyzmatdaş brend logotipleriniň zolagy ýeke-täk bezeg wizual elementidir.
Merkezleşdirilen, doly giňlikdäki maketler (1200 piksel) we giň dik ritmli. Esasy element ýeke-täk, merkezleşdirilen blokdyr: ýokarky böleginde garaňky, segmentleşdirilen dolandyryş, uly "Inter" sözbaşysy, bir setirlik kiçi sözbaşy we iki goňşy düwme (doly + şeffaf) — gapdal surat ýok, maket bölünişi ýok. Esasy elementiň aşagynda merkezleşdirilen çal reňkli logotip zolagy bar. Indiki her bölüm şol bir nusga boýunça hereket edýär: çep tarapa deňleşdirilen sözbaşy we kiçi sözbaşy blok, soňra bölümleriň arasynda 48–64 piksellik nagyş boşlugy bolan doly giňlikdäki önüm görkeziliş çarçuwasy. Nawigasiýa minimal: merkezleşdirilen baglanyşyklar we sag tarapa deňleşdirilen hereketler bolan ýokarky panel, gapdal panel ýok, mega-menýu ýok. Sahypa ýokardan aşak merkezleşdirilen beýanlaryň tapgyry hökmünde okaýar, her birine ýeterlik boşluk berilýär — maket işjeň önüm sahypasyndan has köp redaksiýa portfeline meňzeýär.
Wizual dizaýn minimalist we funksiýonaldyr. Ulgam iki wizual režimi ulanýar: (1) çarçuwaly önüm ekran suratlary we 24px radiusly çarçuwalara ýerleşdirilen UI maketleri — olar şol bir monohrom palitrada görkezilen hakyky interfeýs komponentlerini (tablisalar, düwmeler, formalar) görkezýär, bu bolsa ekran suratlarynyň sahypa birmeňzeş integrasiýa edilen ýaly görünmegine getirýär; (2) çal reňkli hyzmatdaş logotipleriniň ýekeje zolagy sosial subutnama hökmünde hyzmat edýär, reňksiz ýa-da konteýnersiz tekiz görnüşde görkezilýär. Durmuş suratlary, abstrakt gradientler ýa-da 3D renderler ýok. Diňe bir illýustratiw element — brend nyşany bolan ýyly çal fonuň merkezinde ýerleşýän gara önüm "kafel" — ol bezeg hökmünde däl-de, önümiň görkezilişi hökmünde kabul edilýär. Ähli suratlar tekst esasynda düzülişi eýeleýär, bu ýerde wizual agram tekst tarapyndan göterilýär.
Palitra
Neýtral
- Page Canvas
#fafafa— Sahypanyň fony, polotnodaky açyk hat, garaňky ýüzlerdäki açyk tekst – tutuş monohrom ulgamynyň esasynda ýatan ýyly ak reňk. - Hairline Border
#e5e7eb— Bölüjiler, kart serhetleri, surat çarçuwalary, nyşan konturlary - ulgamda iň köp ulanylýan kontur görnüşi bolup, giňişlik gurluşyny kesgitleýär. - Card Surface
#ededed— Kartlar üçin galdyrylan fon, goşmaça ýüz - tuwaldan bir ädim ýokarda ýerleşýär we kölegesiz toparlanma döredýär. - Divider Mid
#dadada— Orta reňk bölüjiler we bölümleriň arasyndaky geçişler - Graphite
#242424— Ýeňil ýüzlerdäki esasy düwmeler üçin ýokary kontrastly neýtral doldurgyç. - Ink Black
#171717— Esasy tekst, sözbaşylar, nyşanlaryň konturlary - ýüzler üçin däl-de, tipografiýa üçin ulanylýan Grafitden biraz has sowuk.
Tipografiýa
12-den 128 piksele çenli · 7 ädim
- Inter — çalyşmak: Inter (Google Fonts) · konturlar 500, 600, 700 · Sans-serif ulgam interfeýsi — nawigasiýa, esasy tekst, düwmeler, kiçi sözbaşylar we bölüm sözbaşylary. Agramy: esasy tekst we dolandyryş elementleri üçin 500, kiçi sözbaşylar we nawigasiýa aksentleri üçin 600 we bölüm sözbaşylary üçin 700. Güýçli negatiw harp aralygy islendik ululykda geometrik şekilleri gysýar we interfeýse gysgaldylan, tehniki görnüş berýär.
- Instrument Serif — çalyşmak: Playfair Display · konturlar 400 · Diňe sözbaşylar we redaksiýa mazmuny üçin niýetlenen serif şrifti. Onuň 400 agramy we -0.025 em harp aralygy Interiň senagat geometriýasy bilen tapawutlanýan ajaýyp, kursiw görnüşi döredýär - bu bolsa gol çekiş usuly: sans-serif sahypasynyň içinde ýekeje serif sözi ýa-da söz düzümi, sözbaşy stili däl-de, wizual punktuasiýa hökmünde hyzmat edýär.
- Fragment Mono — çalyşmak: JetBrains Mono · konturlar 400 · Setir içi kod ýaly elementler, teg bellikleri we tehniki çagyryşlar üçin mono reňk. Seýrek ulanylýan bolsa-da, dizaýn gurallarynyň "bu maşyn çykyşy" diýip görkezmek isleýän funksiýa sanawlarynda we setir içi düşündirişlerde peýda bolýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 8px |
| Düwme radiusy | 16px |
| Kart radiusy | 24px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 64px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Subframe stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- monopo saigon — Redaksiýa dymmagynyň arkasyndaky suwuk, ýalpyldawuk şöhle — ereýän ýagtylykda ýüzýän monohrom redaksiýa galereýasy
- Hyer Aviation — Kabinadaky garaňkylyk pergament kagyzynyň üstünde görünýär. Solgun şapagyň asmany fýuzeleýiň ölçegindäki serif logotipi bilen gabat gelýär we ýekeje ýyly palçyk reňkli aksent monohrom saklaýyşy bozýar.
- OFF+BRAND. — Ýyly pergamentde ýalpyldawuk sfera
- Seed — laboratoriýa aýnasynyň aşagyndaky diri organizm
- Eindhoven Design District — Ak kagyzdaky redaksiýa redaksiýa rehimsizligi, minimal suratçylyk we doly çäklendirme bilen uly şriftde ýerine ýetirilen şäher dizaýn manifestidir.
- Miranda — Açyk krem reňkli fonda klassiki giň formatly şrift — sanly döwür üçin gazet redaksiýasy
- Monocle — Krem reňkli kagyzda ýokary hilli, giň formatly gazet. Her bir sütün öz ornuna mynasyp bolan we sahypada diňe bir manyly reňk peýda bolýan üns bilen taýýarlanan redaksiýa makalasy.
- Agencja brandingowa — Ak reňklerde, gara syýa bilen ýazylan tipografiýa bilen redaksiýa galereýasy
- Websmith Studio — Kremli kagyzda irdenki ýagtylyk
- Aspelin Reitan — Candlelight tarapyndan döredilen binagärlik arhiwi - Sahypa, ýyly krem reňkli diwara berkidilen gurlan giňişlikleriň portfeline meňzeýär, sahypanyň tutuş giňligi boýunça her bir suratyň üstünde ak tekstiň bir setiri ýüzýär.
- Public — Sowuk mermeriň üstünde monohrom redaksiýa — tas monohrom kanwata, 300 punktlyk serif şrifti we ýekeje gyrmyzy reňkli aksenti bilen ähli reňkleri ýerine ýetirýär.
- Motto — Kagyzdaky tipografik monolit – gar ýaly ak kagyzda özüni yglan edýän ýeke-täk, ynamly ses