
Steep
Greining á Serif leturgerðum á hlýjum pappír
Steep kynnir greiningar sem ritstjórnarlegt efni — fyrirsagnir með serif-mynstri svífa yfir næstum einlita hvítum striga og einn hlýr ferskjulitaður hlekkur (#fbe1d1) undirstrikar hið annars litlausa kerfi. Síðan lesst eins og uppslag í vörutímariti: stórt, skriflegt letur, rúmt textapláss, stór spjöld með mjúkum 24px-radíus brúnum og pillulaga stjórntæki sem liggja slétt við yfirborðið. Íhlutir virðast rólegir og þyngdarlausir — skuggar eru lúmskir, rammarnir eru þunnir og litir eru notaðir til að leggja áherslu á hagnýta notkun (ferskjulitaður útskýring, dökkbrúnn letur á ferskjulituðum bakgrunni). Vöruyfirborð (svæðistöflur, virkjunarmyndir, gervigreindarsmiðir) eru kynnt sem fljótandi þættir umhverfis hausinn frekar en að vera innfelldir í skel mælaborðsins.
Útlit síðunnar er með hámarksbreidd upp á 1200 pixla, miðjuð, þar sem aðalhlutar ná nánast allri síðubreiddinni en haldast innan ílátsins. Aðalútlitið er með miðjuðum haus með stóru serif letri, undirhaus og tveimur pilluhnappum, umkringdum fjórum fljótandi vörulýsingarspjöldum (svæðistafla efst til vinstri, skráningarkort til hægri, virkjunarmynd neðst til vinstri, gervigreindarritstjóri neðst til miðju) sem skarast við hvítt striga með mismunandi frávikum. Hlutar skiptast á milli Paper White og Card Mist bakgrunns, sem skapar rólegan takt án mikillar andstæðu. Eiginleikahlutar nota tveggja dálka útlit af texta og notendaviðmóti með stórum 80 pixla lóðréttum rennum. Leiðsögnin er ein gegnsæ efri súla (enginn bakgrunnur, rammi eða skuggi) með merkinu vinstra megin, leiðsagnartenglur í miðjunni og tvær aðgerðahvatningar (textatengill + fylltur pilluhnappur) hægra megin. Heildarþéttleiki útlitsins er rúmgóður - síðan "andar" á milli hluta og efnið nær aldrei að brúnunum.
Sjónræna hönnunin er vörumiðuð, ekki lífsstílsmiðuð: fljótandi notendaviðmótsþættir (svæðisbundnar töflur með fimm raða gögnum, línurit sem sýna virkjanir í ágúst-nóvember, framvinduhringir með geislamyndun, innsláttarreitir fyrir gervigreind) eru raðað sem klipptar skjáskot í kringum fyrirsagnir ritstjórnarfyrirsagna. Engar ljósmyndir, myndskreytingar eða abstrakt grafík eru til staðar. Allir sjónrænir vöruþættir eru settir á hvít fljótandi spjöld með þunnum röndum og mjúkum skuggum. Hringirnir í avatar eru með litlum stefnuvísi bendilsins - sjónrænt mynstur sem gefur til kynna rauntíma samskipti. Aðalmyndin er klippimynd af texta og notendaviðmóti, frekar en miðjað fyrirsögn með lagermynd.
Litatöflu
Hlutlaus
- Ink Black
#17191c— Aðaltextinn, fyllti bakgrunnur hnappanna og flakkmerkið eru einu dökku fletirnir í kerfinu; allar hvatningarorð og fyrirsagnir í aðaltextanum birtast á þessum næstum svarta bakgrunni. - Paper White
#ffffff— Síðustriginn, texti hnappa og upphleypt kortflöt eru ríkjandi bakgrunnstónn og bera um það bil 76 tíðnipunkta. - Mist Gray
#f2f2f3— Kortyfirborð, viðbótarbakgrunnur, fyllingar í innsláttarreiti - ósýnilegt lag undir pappírnum fyrir innfellt efni. - Fog White
#fafafb— Viðbótarbakgrunnur fyrir víxl á köflum og svifflötum - einu skrefi fyrir ofan pappírinn til að búa til lúmskar röndóttar breytingar. - Slate Gray
#777b86— Litur tengla, þaggaður aukatexti, síðufótur - Kaldur, ómettaður grár litur settur á milli aðaltextans og textans sem ekki er hægt að hafa með. - Ash Gray
#979799— Viðbótarmerki, flokkamerki (markaðssetning, fjármál, sala) - einu skrefi ljósari en litur tengilsins.
Leturfræði
frá 15 til 90px · 8 skref
- Signifier — skipti: GT Sectra · útlínur 400 · Serif-leturgerð fyrir fyrirsagnir og titla — eingöngu notuð fyrir H1/H2 í þremur stærðum; leturþyngdin er áfram 400 (venjuleg) í öllum stærðum, sem er einkennandi: serif-leturgerð hvíslar frekar en öskrar eins og feitletrað letur.
- Sohne — skipti: Inter · útlínur 400, 430, 450, 480, 500 · Aðal-, viðmóts- og leiðsöguleturgerðirnar eru fjölhæfar og ná yfir allt frá lýsigögnum til undirfyrirsagna; hálf-stiga þyngdir (430, 450, 480) skapa lúmska stigveldi án þess að fara of feitletrað.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 8px |
| Hnapparadíus | 9999px |
| Radíus korts | 24px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 80px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Steep og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Newformcap — Ritstjórnarblað í búningsklefanum
- Claude — Gripur prentaður á hlýjan pergament - blek á beinpappír, leir sem eini litablæurinn
- 11x– Digital workers — Kvikmyndaleg ritstjórnareyðimörk — víðmyndir af landslaginu á móti stórum fyrirsögnum með berum orðum sem lesa eins og uppslag í lúxustímaritum
- Revolut — Einlita ritstjórnarverk byggt á ljósmynd af skýjum — hvítu bleki, hnöppum á pilluboxum, einni blárri litarönd í annars gráum heimi.
- Scheduling — Ritstjórnarblek á kremlituðum pappír
- Titan — hlýrra lita einlita skjalasafn
- Programa — Svissnesk hönnunarstofa um hádegi. Hvíti galleríveggurinn er lýstur upp af einni gulu borðlampa — allt er í gráum tónum þar til hnappur, táknmynd eða áhersla grípur augað, og þá skilgreinir þessi eina gula áhersla allt herbergið.
- Sana Agents — Límónuglitrandi á hvítum bakgrunni í ritstjórnargrein
- Visual — Hlýlegt ritstjórnarlegt samizdat. Kremlitað pappír, veggspjöld með serif-mynstri, einlita spássíumerking, einn gulur tússpenni.
- Midday — Ritstjórnarbæklingur á vellum - 72px serif fyrirsögn á hlýjum steingrunni, texti án serif með bili, pillulaga stjórntæki, engir skuggar
- Chat for impact — Skógargræn læknastofa með pastellitum herbergjum
- Handhold — Hlýtt pergament undir varla heyranlegum serifum — ritstjórnarlegt uppslag, handsett án litafræðilegs hávaða, þar sem fínasta 200 punkta serif leturgerð miðlar allri röddinni.