Steep
Serif şriftleriniň "War Paper"-de seljermesi
“Steep” analitikany redaksiýa mazmuny hökmünde görkezýär — “Signifier serif” sözbaşylary diýen ýaly monohrom ak tuwalyň üstünde ýüzýär we ýekeje ýyly şaftaly aksenti (#fbe1d1) başgaça ahromatik ulgamy nygtaýar. Sahypa önüm žurnalynyň ýaýradyşy ýaly okaýar: uly, kursiw şrift, giň tekst giňişligi, ýumşak 24px radiusly uly kartlar we ýüz bilen deň derejede tabletka şekilli dolandyryş elementleri. Komponentler asuda we agramsyz duýulýar — kölegeler inçe, gyralar inçe we reňk funksional nygtamak üçin ulanylýar (şaftaly seslenme, şaftaly fonunda gara goňur harplar). Önüm ýüzleri (sebit tablisalary, aktiwleşdiriş diagrammalary, AI gurujylary) dolandyryş paneliniň içine ýerleşdirilmän, eýsem sözbaşynyň daşynda ýüzýän elementler hökmünde görkezilýär.
Sahypanyň düzülişiniň iň ýokary ini 1200 piksel, merkezleşdirilen, esasy bölümler sahypanyň ininiň tutuş bölegini eýeleýär, ýöne konteýneriň içinde galýar. Esasy düzülişde uly serif şrifti bolan merkezleşdirilen başlyk, kiçi başlyk we iki düwme bar, olaryň daş-töweregi dürli üýtgeşikliklerde ak tuwaly örtüp duran dört sany ýüzýän önüm düşündiriş kartlary (sebit stoluň ýokarky çep tarapynda, hasaba alyş karty sag tarapynda, aktiwleşdiriş diagrammasy aşaky çep tarapynda, AI redaktory aşaky merkezde) bilen gurşalandyr. Bölümler Kagyz Ak we Kart Duman fonlary arasynda çalşyrylýar, güýçli kontrastsyz asuda ritm döredýär. Aýratynlyk bölümleri uly 80 piksel dik oýuklar bilen iki sütünli tekst we UI düzülişini ulanýar. Nawigasiýa - çep tarapda logotip, merkezde nawigasiýa baglanyşyklary we sag tarapda iki çagyryş (tekst baglanyşygy + doldurylan tablet düwmesi) bolan ýeke-täk açyk ýokarky çyzyk (fon, çäk ýa-da kölege ýok). Umumy düzüliş dykyzlygy giň - sahypa bölümleriň arasynda "dem alýar" we mazmun hiç haçan gyralary doldurmaýar.
Wizual dizaýn durmuş ýörelgesine däl-de, önüme gönükdirilendir: ýüzýän interfeýs elementleri (bäş setirli maglumatlar bolan sebitleýin tablisalar, awgust-noýabr aýlarynda aktiwleşdirmeleri görkezýän çyzykly diagrammalar, radial ösüş halkalary, emeli intellekt giriş meýdanlary) redaksiýa başlyklarynyň töwereginde kesilen skrinşotlar hökmünde ýerleşdirilen. Suratlar, illýustrasiýalar ýa-da abstrakt grafika ýok. Wizual önümiň ähli elementleri inçe çäkleri we ýumşak kölegeleri bolan ak ýüzýän kartoçkalarda ýerleşdirilen. Awatar tegeleklerinde kiçi kursor ugur görkezijisi bar - bu hakyky wagtdaky özara gatnaşygy alamatlandyrýan wizual motiw. Esasy kompozisiýa stok suraty bolan merkezleşdirilen başlyk däl-de, tekstiň we interfeýsiň kollažydyr.
Palitra
Neýtral
- Ink Black
#17191c— Esasy tekst, doldurylan düwme fony we nawigasiýa logotipi ulgamdaky ýeke-täk garaňky ýüzlerdir; esasy tekstdäki ähli çagyryşlar we sözbaşylar bu gara fonda peýda bolýar. - Paper White
#ffffff— Sahypanyň kanwasy, düwme teksti we kabartma kartoçka ýüzleri takmynan 76 ýygylyk nokadyny öz içine alýan esasy fon öwüşgini bolup durýar. - Mist Gray
#f2f2f3— Kart ýüzleri, goşmaça fonlar, giriş meýdanynyň doldurylmalary — içine goýlan mazmun üçin kagyzyň aşagynda görünmeýän gatlak. - Fog White
#fafafb— Bölümleri we aşaky ýüzleri çalyşmak üçin goşmaça sahypa fony - kagyzyň üstünde bir ädim ýokarda, inçe zolak üýtgeşmelerini döretmek üçin. - Slate Gray
#777b86— Baglanyşyk reňki, sessiz kömekçi tekst, aşaky kolonka teksti - Esasy tekst bilen goşulyp bilinmeýän tekstiň arasynda ýerleşdirilen sowuk, doýmadyk çal reňk. - Ash Gray
#979799— Goşmaça ýazgylar, kategoriýa ýazgylary (Marketing, Maliýe, Satyş) - baglanyşyk reňkinden bir ädim ýeňil.
Tipografiýa
15-den 90 piksele çenli · 8 ädim
- Signifier — çalyşmak: GT Sectra · konturlar 400 · Başlyklar we atlaryň serif şrifti — diňe H1/H2 üçin üç ölçegde ulanylýar; şriftiň agramy ähli ölçeglerde 400 (adaty) derejesinde galýar, bu bolsa özüne mahsus saýlaw: serif şrifti goýy şrift ýaly gygyrmagyň ýerine pyşyrdaýar.
- Sohne — çalyşmak: Inter · konturlar 400, 430, 450, 480, 500 · Esasy, interfeýs we nawigasiýa şriftleri köpugurly bolup, metamaglumatlardan başlap, kiçi sözbaşylara çenli hemme zady öz içine alýar; ýarym basgançakly agramlar (430, 450, 480) galyň şriftlere geçmezden inçe ierarhiýa döredýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 8px |
| Düwme radiusy | 9999px |
| Kart radiusy | 24px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 80px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Steep 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
- Newformcap — Geyinme otagyndaky redaksiýa gazeti
- Claude — Ýyly pergamente çap edilen artefakt — süňk kagyzyna syýa, reňkiň ýeke-täk dem alyşy hökmünde toýun
- 11x– Digital workers — Kinematografik redaksiýa çöli — peýzažyň panorama suratlary, kaşaň žurnallaryň ýaýradylyşy ýaly monumental serif başlyklarynyň fonunda ýerleşýär.
- Revolut — Bulutlaryň suratyna esaslanýan monohrom redaksiýa işi — ak syýa, tabletka gutusynyň düwmeleri, başgaça çal reňkli dünýäde ýekeje gök zolak.
- Scheduling — Kremli kagyzdaky redaksiýa syýasy
- Titan — ýyly reňkli monohrom arhiw
- Programa — Günortan wagty Şweýsariýanyň dizaýn studiýasy. Ak galereýanyň diwary ýekeje sary stol çyrasy bilen ýagtylandyrylýar — düwme, nyşan ýa-da aksent gözüňe düşýänçä hemme zat çal reňkde, soňra bolsa şol ýekeje sary aksent tutuş otagy kesgitleýär.
- Sana Agents — Redaksiýa makalasynda ak fonda laým ýalpyldawuklygy
- Visual — Redaksiýa üçin ýyly samizdat. Kremli kagyz, serif plakatlar, monohrom çetkiler, bir sary marker.
- Midday — Pergamentdäki redaksiýa broşýurasy - ýyly daş fonunda 72 pikselli serif sözbaşy, aralykly sans-serif esasy nusgasy, tabletka şekilli dolandyryş elementleri, kölegesiz
- Chat for impact — Pastel reňkli otaglary bolan tokaý-ýaşyl klinika
- Handhold — Eşidilmeýän serifleriň aşagyndaky ýyly pergament — redaksiýa üçin ýaýradylan, hromatik sessiz, el bilen ýerleşdirilen, iň gowy 200 punktly serif şrifti tutuş sesi berýär.