Steep
Dadansoddiad o Ffontiau Serif ar Bapur Cynnes
Mae Steep yn cyflwyno dadansoddeg fel cynnwys golygyddol—Mae penawdau serif Signifier yn arnofio uwchben cynfas gwyn bron yn unlliw, ac mae un acen eirin gwlanog cynnes (#fbe1d1) yn tanlinellu'r system acromatig fel arall. Mae'r dudalen yn darllen fel lledaeniad cylchgrawn cynnyrch: ffont mawr, cryno, digon o le testun, cardiau mawr gydag ymylon meddal radiws 24px, a rheolyddion siâp pilsen yn wastad â'r wyneb. Mae cydrannau'n teimlo'n dawel ac yn ddibwys—mae cysgodion yn gynnil, mae ffiniau'n denau, a defnyddir lliw ar gyfer pwyslais swyddogaethol (galwad eirin gwlanog, llythrennu brown tywyll ar gefndir eirin gwlanog). Cyflwynir arwynebau cynnyrch (tablau rhanbarth, diagramau actifadu, adeiladwyr AI) fel elfennau arnofiol o amgylch y pennawd yn hytrach na'u nythu o fewn cragen y dangosfwrdd.
Mae gan gynllun y dudalen led uchaf o 1200px, wedi'i ganoli, gyda'r prif adrannau'n meddiannu bron holl led y dudalen ond yn aros o fewn y cynhwysydd. Mae'r prif gynllun yn cynnwys pennawd canolog gyda ffont serif mawr, is-bennawd, a phâr o fotymau pilsen, wedi'u hamgylchynu gan bedwar cerdyn disgrifiad cynnyrch arnofiol (tabl rhanbarth uchaf chwith, cerdyn cofrestru dde, diagram actifadu gwaelod chwith, golygydd AI gwaelod canol) sy'n gorgyffwrdd â chynfas gwyn ar wahanol wrthbwysau. Mae adrannau'n newid rhwng cefndiroedd Papur Gwyn a Cherdyn Niwl, gan greu rhythm tawel heb gyferbyniad cryf. Mae adrannau nodwedd yn defnyddio cynllun dwy golofn o destun a UI gyda gwteri fertigol mawr 80px. Mae llywio yn un bar uchaf tryloyw (dim cefndir, ffin, na chysgod) gyda'r logo ar y chwith, dolenni llywio yn y canol, a dau alwad i weithredu (dolen destun + botwm pilsen wedi'i lenwi) ar y dde. Mae dwysedd cyffredinol y cynllun yn eang—mae'r dudalen yn "anadlu" rhwng adrannau, ac nid yw cynnwys byth yn gorlenwi'r ymylon.
Mae'r dyluniad gweledol yn canolbwyntio ar y cynnyrch, nid ar ffordd o fyw: mae elfennau UI arnofiol (tablau rhanbarthol gyda data pum rhes, siartiau llinell yn dangos gweithrediadau ym mis Awst-Tachwedd, cylchoedd cynnydd rheiddiol, meysydd mewnbwn AI) wedi'u trefnu fel sgrinluniau wedi'u cnydio o amgylch penawdau golygyddol. Nid oes unrhyw ffotograffau, darluniau na graffeg haniaethol. Mae pob elfen cynnyrch gweledol wedi'i gosod ar gardiau gwyn arnofiol gyda ffiniau tenau a chysgodion meddal. Mae cylchoedd avatar yn cynnwys dangosydd cyfeiriadol cyrchwr bach - motiff gweledol sy'n signalu rhyngweithio amser real. Y prif gyfansoddiad yw collage o destun a UI, yn hytrach na phennawd canolog gyda llun stoc.
Palet
Niwtral
- Ink Black
#17191c— Y prif destun, cefndir y botwm wedi'i lenwi, a'r logo llywio yw'r unig arwynebau tywyll yn y system; mae pob galwad i weithredu a phenawdau yn y prif destun yn ymddangos yn erbyn y cefndir bron yn ddu hwn. - Paper White
#ffffff— Cynfas y dudalen, testun y botwm, ac arwynebau'r cardiau boglynnog yw'r tôn gefndir amlycaf, gan gario tua 76 pwynt amledd. - Mist Gray
#f2f2f3— Arwynebau cardiau, cefndiroedd ychwanegol, llenwadau meysydd mewnbwn—haen anweledig o dan y papur ar gyfer cynnwys mewnosodedig. - Fog White
#fafafb— Cefndir tudalen ychwanegol ar gyfer adrannau ac arwynebau bob yn ail wrth hofran - un cam uwchben y papur i greu amrywiadau streipiog cynnil. - Slate Gray
#777b86— Lliw dolen, testun ategol tawel, testun troedyn - Llwyd oer, heb ei ddirlawn wedi'i osod rhwng y prif destun a'r testun na ellir ei gynnwys. - Ash Gray
#979799— Labeli ychwanegol, tagiau categori (Marchnata, Cyllid, Gwerthu) - un cam yn ysgafnach na lliw'r ddolen.
Teipograffeg
o 15 i 90px · 8 cam
- Signifier — amnewid: GT Sectra · amlinelliadau 400 · Ffont serif ar gyfer penawdau a theitlau—a ddefnyddir yn gyfan gwbl ar gyfer H1/H2 mewn tri maint; mae pwysau'r ffont yn aros ar 400 (rheolaidd) ar bob graddfa, dewis nodweddiadol: mae ffont serif yn sibrwd yn hytrach na sgrechian fel ffont beiddgar.
- Sohne — amnewid: Inter · amlinelliadau 400, 430, 450, 480, 500 · Mae'r ffontiau prif, rhyngwyneb, a llywio yn amlbwrpas, gan gwmpasu popeth o fetadata i is-benawdau; mae pwysau lled-gam (430, 450, 480) yn creu hierarchaeth gynnil heb neidio i deip trwm.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 8px |
| Radiws botwm | 9999px |
| Radiws y cerdyn | 24px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 80px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Steep ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Newformcap — Papur newydd golygyddol yn yr ystafell wisgo
- Claude — Arteffact wedi'i argraffu ar femrwn cynnes—inc ar bapur asgwrn, clai fel yr unig anadl o liw
- 11x– Digital workers — Diffeithwch golygyddol sinematig—ffotograffau panoramig o'r dirwedd wedi'u gosod yn erbyn penawdau serif enfawr sy'n darllen fel lledaeniad cylchgrawn moethus
- Revolut — Gwaith golygyddol monocrom yn seiliedig ar ffotograff o gymylau—inc gwyn, botymau blwch pils, un streipen las o liw mewn byd llwydfelyn fel arall.
- Scheduling — Inc golygyddol ar bapur hufen
- Titan — archif monocrom lliw cynnes
- Programa — Stiwdio ddylunio o'r Swistir ganol dydd. Mae wal wen yr oriel wedi'i goleuo gan un lamp bwrdd felen—mae popeth mewn arlliwiau o lwyd nes bod botwm, eicon, neu acen yn dal y llygad, ac yna mae'r un acen felen honno'n diffinio'r ystafell gyfan.
- Sana Agents — Llewyrch leim ar gefndir gwyn yn y golygyddol
- Visual — Samizdat golygyddol cynnes. Papur hufen, posteri serif, ymylnodau monocrom, un marciwr melyn.
- Midday — Llyfryn golygyddol ar felwm - pennawd serif 72px ar gefndir carreg gynnes, copi corff sans-serif gyda bylchau, rheolyddion siâp pilsen, dim cysgodion
- Chat for impact — Clinig gwyrdd coedwig gydag ystafelloedd lliw pastel
- Handhold — Memrwn cynnes o dan serifau prin yn glywadwy—lledaeniad golygyddol, wedi'i osod â llaw heb sŵn cromatig, lle mae'r ffont serif 200 pwynt gorau yn cyfleu'r llais cyfan