Superlist
Man gwaith gyda'r nos gyda marwor cwrel—arwyneb ap eggplant tawel lle mae un wreichionen oren gynnes yn arwydd o bob gweithred
Mae Superlist yn defnyddio iaith gynhyrchiant mewn arlliwiau porffor hanner nos: wylys dwfn, cwrel cynnes fel yr unig liw cynradd, a phenawdau sans-serif mawr sy'n dal yr awyrgylch cyfan. Mae'r rhyngwyneb yn creu'r teimlad o waith canolbwyntiedig hwyr y nos—tawel, haenog, a hyderus, gyda lliw yn cael ei ddefnyddio fel atalnodi swyddogaethol yn unig ar alwadau i weithredu, cyflyrau gweithredol, a phwyntiau allweddol. Mae arwynebau wedi'u haenu mewn arlliwiau tywyll cynnil gydag is-dôn borffor (#181824 → #26253b), gan osgoi du pur i sicrhau bod y dyfnder yn teimlo'n gynnes yn hytrach na di-haint. Mae cydrannau'n cynnwys siapiau crwn hael (cardiau 20px, botymau pilsen), cysgodion meddal, ac "anadlu" trwy fylchau cyfforddus 10-16px yn hytrach na gridiau tynn. Llais y pennawd yw popeth: mae pwysau 600 pwynt ar 70-88px gyda bylchau llythrennau tynn o -0.02em yn trin y testun fel un teipograffig yn hytrach na rhyngwyneb defnyddiwr—mae'n agosach at gopi golygyddol nag SaaS.
Mae adrannau tywyll yn rhychwantu lled cyfan y dudalen, gyda chynwysyddion cynnwys canolog, lled mwyaf. Mae'r brif adran wedi'i chanoli'n fertigol ac yn cynnwys pennawd, is-destun, a galwad i weithredu (CTA), ac yna sgrinlun cynnyrch mawr sy'n gorgyffwrdd â'r adran nesaf. Mae adrannau dilynol yn newid rhwng blociau testun canolog a gridiau cardiau. Mae'r adran adolygiadau yn defnyddio grid tair colofn gyda chardiau adolygu a 16 gwter. Mae'r llywio yn un bar uchaf gyda logo ar y chwith, dolenni canolog, a gweithredoedd mewngofnodi ar y dde—dim bar ochr sefydlog na mega-ddewislen. Mae'r gwterau rhwng adrannau yn hael (16 gwter), gan greu rhythm golygyddol eang yn hytrach na grid cynnyrch dwys.
Mae sgrinluniau cynnyrch yn dominyddu'r gofod gweledol—mae ffrâm fawr gyda chorneli crwn, sy'n arddangos rhyngwyneb gwirioneddol yr ap, yn llenwi'r prif adrannau a'r adrannau eilaidd. Mae lluniau'n finimalaidd, a ddefnyddir dim ond fel avatarau defnyddwyr neu ragolygon o gyfryngau yn yr ap (er enghraifft, delwedd y cyngerdd yn y panel dde o ffug-gynhyrchu'r cynnyrch). Symbolau testun gwyn, gwastad, tawel yw'r logos ar y bar ymddiriedaeth. Nid oes unrhyw ddarluniau addurniadol, dim graffeg haniaethol, dim rendradau 3D. Y strategaeth weledol yw arddangos y cynnyrch ar raddfa, gadael i'r teipograffeg wneud y gwaith emosiynol, a defnyddio cwrel fel yr unig liw acen.
Palet
Brand
- Coral Ember
#ff4a36— Defnyddir oren fel acen eilaidd ar gyfer manylion addurniadol ac i amlygu arwyddion anaml. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu.
Niwtral
- Aubergine Canvas
#181824— Mae cefndir y dudalen, y prif gynfas, yn arlliw cynnes, tywyll sy'n disodli du pur, gan wneud i'r rhyngwyneb defnyddiwr ymddangos yn haenog yn hytrach na gwastad. - Elevated Plum
#26253b— Arwynebau cardiau, meysydd mewnbwn, cynwysyddion llywio—un cam yn haws na chynfas i greu dyfnder heb ffin weladwy. - Pure White
#ffffff— Prif benawdau, testun botwm, ac amlinelliadau eiconau—y cyferbyniad mwyaf ar gynfas tywyll. - Fog Text
#696f81— Y prif destun, penawdau eilaidd, a ffiniau tawel—cymhareb cyferbyniad o 7:1 ar gyfer darllen cyfforddus yn erbyn cefndir lliw eggplant. - Ash Text
#8e8da0— Cefnogir lliw niwtral ar gyfer elfennau UI eilaidd, rhannwyr, a labeli tawel. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu. - Mist Highlight
#a3a3a7— Mae ffiniau cynnil, rhannwyr ac elfennau llywio anweithredol yn creu tôn niwtral cynnil sy'n dal i sefyll allan yn erbyn y cynfas.
Teipograffeg
o 12 i 88px · 9 cam
- sans-serif — amnewid: Inter · amlinelliadau 400 · sans-serif - wedi'i ganfod yn y data a echdynnwyd ond heb ei ddisgrifio gan y deallusrwydd artiffisial.
- Haffer XH SemiBold — amnewid: Inter Tight · amlinelliadau 400, 600 · Y prif ffont ar gyfer arddangos a phenawdau. Fe'i defnyddir ar faint o 70–88px ar gyfer penawdau arwr gyda bylchau llythrennau o -0.02em a phwysau o 600. Mae'r bylchau cul rhwng llythrennau ac uchder mawr y llythrennau yn rhoi pwysau golygyddol i'r penawdau, gan wneud i'r rhyngwyneb tywyll edrych yn debycach i glawr cylchgrawn nag i ddangosfwrdd. Amnewidiwch gydag Inter Tight neu General Sans mewn pwysau trwm.
- Jersey 10 — amnewid: Anybody · amlinelliadau 400 · Ffont fawr, addurniadol ar gyfer rhifau acen ac uchafbwyntiau. Defnyddir yn gynnil mewn meintiau mawr iawn i greu acenion teipograffig. Gellir ei ddisodli ag Anybody neu Cabinet Grotesk.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 10-16px |
| Radiws botwm | 100px |
| Radiws y cerdyn | 20px |
| Cysgodion | cysgodion meddal |
| Rhwng adrannau | 80px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Superlist 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
- DNA — Arsyllfa Hanner Nos fel y'i gwelir trwy lens gronynnau
- Abetterlou — Gwreichion ar Ledr Saddle - Ffont hufennog cynnes yn tywynnu yn erbyn cefndir du-goffi dwfn, gyda botymau ambr-aur sy'n teimlo fel metel poeth wedi'i wasgu i'r dudalen.
- Galileo-ft — Dec gorchymyn gofod dwfn gyda signalau glas trydan
- Decide AI — Arsyllfa am hanner nos - signal mintys
- Redis Agency — Mae'r gweithdy golygyddol, sydd ar agor ar ôl oriau, yn lle tywyll du lle mae'r holl waith brandio yn cael ei wneud gan ffontiau serif ac un radish coch.
- Spellbook — Llys hanner nos wedi'i oleuo ag inc cwrel—arwyneb golygyddol tywyll lle'r unig sŵn yw strôc pen oren gynnes
- Linear — offeryn manwl hanner nos
- Origin Financial — Oriel hanner nos o foethusrwydd tawel. Ystafell dawel, bron yn dywyll lle mae ffontiau serif mawr ac ychydig o baneli lliw wedi'u goleuo yn creu'r teimlad bod cyllid yn waith celf wedi'i guradu'n ofalus.
- Hyperstudio — Mae'r dyluniad wedi'i grafu i mewn i obsidian. Mae testun a llinellau mân yn fframio gofod gwyn o ddu pur, gyda marciau cwmpawd aur achlysurol yn nodi'r ffordd.
- Air — cerflun "Awyr Hanner Nos Trwy Wydr"
- Raycast — Canolfan Reoli Hanner Nos, Coral Neon
- dope.security — Terfynfa hanner nos gyda goleuadau porffor