Steep
Serif letra-tipoen azterketa paper epelean
Steep-ek analisiak eduki editorial gisa aurkezten ditu: Signifier serif izenburuak mihise zuri ia monokromo baten gainean flotatzen dira, eta mertxika koloreko azentu bero bakar batek (#fbe1d1) sistema akromatikoa azpimarratzen du. Orrialdea produktuen aldizkari baten antzera irakurtzen da: letra-tipo etzan handia, testu-tarte zabala, 24px-ko erradioko ertz leunak dituzten txartel handiak eta pilula itxurako kontrolak gainazalarekin bat datozenak. Osagaiak lasaiak eta pisurik gabekoak dira: itzalak sotilak dira, ertzak meheak eta kolorea funtzio-enfasia lortzeko erabiltzen da (mertxika koloreko dei-marka, marroi ilun koloreko letrak mertxika koloreko atzeko planoan). Produktuen gainazalak (eskualde-taulak, aktibazio-diagramak, AI eraikitzaileak) goiburuaren inguruan elementu flotagarri gisa aurkezten dira, aginte-paneleko oskolaren barruan txertatu beharrean.
Orriaren diseinuak gehienez 1200px-ko zabalera du, erdian, atal nagusiek ia orrialdearen zabalera osoa hartzen dutelarik baina edukiontziaren barruan mantenduz. Diseinu nagusiak goiburu zentralizatua du, letra-tipo serif handi batekin, azpigoiburu bat eta pilula-botoi pare bat, lau produktu-deskribapen txartel flotatzailez inguratuta (eskualde-taula goiko ezkerrean, erregistro-txartela eskuinean, aktibazio-diagrama beheko ezkerrean, AI editorea beheko erdian), mihise zuri baten gainean gainjarrita daudenak desplazamendu desberdinetan. Atalak Paper White eta Card Mist atzeko planoen artean txandakatzen dira, erritmo lasaia sortuz kontraste handirik gabe. Ezaugarrien atalek testu eta UI bi zutabeko diseinua erabiltzen dute, 80px-ko bertikalki dauden lerro handiekin. Nabigazioa goiko barra garden bakarra da (atzeko planorik, ertzik edo itzalik gabe), logotipoa ezkerrean, nabigazio-estekak erdian eta ekintzarako bi dei (testu-esteka + pilula-botoi betea) eskuinean dituela. Diseinuaren dentsitate orokorra zabala da: orrialdeak "arnasa hartzen" du atalen artean, eta edukiak ez ditu inoiz ertzak gainezka egiten.
Diseinu bisuala produktuan zentratuta dago, ez bizimoduan: UI elementu flotatzaileak (bost errenkadako datuekin eskualdeko taulak, abuztu-azaroan aktibazioak erakusten dituzten lerro-diagramak, aurrerapen erradialaren eraztunak, AI sarrera-eremuak) pantaila-argazki moztu gisa antolatzen dira erredakzioko izenburuen inguruan. Ez dago argazkirik, ilustraziorik edo grafiko abstrakturik. Produktuaren elementu bisual guztiak ertz mehe eta itzal leuneko txartel flotatzaile zurietan jartzen dira. Avatar zirkuluek kurtsorearen norabide-adierazle txiki bat dute: denbora errealeko interakzioa adierazten duen motibo bisuala. Konposizio nagusia testu eta UI collage bat da, stock argazki batekin erdian dagoen izenburu bat baino.
Paleta
Neutroa
- Ink Black
#17191c— Testu nagusia, botoien atzeko plano betea eta nabigazio-logotipoa dira sisteman dauden gainazal ilun bakarrak; testu nagusiko ekintzarako dei eta izenburu guztiak atzeko plano ia beltz honen gainean agertzen dira. - Paper White
#ffffff— Orrialdeko mihisea, botoien testua eta txartelen gainazal erliebedunak dira atzeko planoaren tonu nagusia, gutxi gorabehera 76 maiztasun-puntu dituztela. - Mist Gray
#f2f2f3— Txartelen gainazalak, atzeko plano gehigarriak, sarrera-eremuen betegarriak — paperaren azpian txertatutako edukia gordetzeko geruza ikusezin bat. - Fog White
#fafafb— Atal eta gainazal txandakatuak gordetzean orrialdearen atzeko plano gehigarria - paperaren gainetik maila bat marra-aldaera sotilak sortzeko. - Slate Gray
#777b86— Estekaren kolorea, testu osagarri isila, oin-oinaren testua - Gris hotz eta desaturatua, testu nagusiaren eta sartu ezin den testuaren artean jarrita. - Ash Gray
#979799— Etiketa gehigarriak, kategoria etiketak (Marketina, Finantzak, Salmentak) - estekaren kolorea baino urrats bat arinagoak.
Tipografia
15etik 90px-ra · 8 urrats
- Signifier — ordezkapena: GT Sectra · eskemak 400 · Titulu eta izenburuetarako serif letra-tipoa —H1/H2rako soilik erabiltzen da hiru tamainatan; letra-tipoaren lodiera 400ean mantentzen da (ohikoa) eskala guztietan, aukera bereizgarria: serif letra-tipo batek xuxurlatu egiten du, letra-tipo lodi batek bezala oihu egin beharrean.
- Sohne — ordezkapena: Inter · eskemak 400, 430, 450, 480, 500 · Letra-tipo nagusiak, interfazearenak eta nabigaziokoak polifazetikoak dira, metadatuetatik hasi eta azpitituluetaraino dena hartzen baitute; pisu erdi-mailakatuek (430, 450, 480) hierarkia sotila sortzen dute lodira jauzi egin gabe.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | batez bestekoa |
| Oinarrizko urratsa | 8px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 24px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 80px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Steep estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Newformcap — Aldagelako egunkari editoriala
- Claude — Pergamino epelean inprimatutako artefaktu bat — tinta hezur-paperean, buztina kolore-arnasa bakarra bezala
- 11x– Digital workers — Zinema-editorialeko hondamendia: paisaiaren argazki panoramikoak, luxuzko aldizkari baten orrialde baten antzera irakurtzen diren serifazko izenburu monumentalen aurrean jarrita.
- Revolut — Hodeien argazki batean oinarritutako editorial monokromoa: tinta zuria, pilula-kutxako botoiak, kolore urdineko marra bakarra bestela eskala griseko mundu batean.
- Scheduling — Tinta editoriala krema-paperean
- Titan — tonu beroko monokromo artxiboa
- Programa — Suitzako diseinu estudio bat eguerdian. Galeria zuriaren horma mahai-lanpara hori bakar batek argitzen du; dena gris tonuetan dago botoi, ikono edo apaingarri batek begia erakarri arte, eta orduan apaingarri hori bakar horrek gela osoa definitzen du.
- Sana Agents — Limoi distira atzealde zuriaren gainean editorialean
- Visual — Samizdat editorial epela. Krema koloreko papera, serifazko posterrak, marjina monokromoak, errotulagailu hori bat.
- Midday — Pergamino gaineko erredakzio-liburuxka - 72px-ko serif izenburua harri bero baten atzeko planoan, sans-serif gorputz-testua tarteekin, pilula itxurako kontrolak, itzalik gabe
- Chat for impact — Pastel koloreko gelekin oskol berdeko klinika bat
- Handhold — Pergamino epela ia entzunezinak diren serifen azpian —zarata kromatikorik gabeko eskuz jositako editorial-zabalera bat, non 200 puntuko serif letra-tipo finenek ahots osoa helarazten duten.