Superlist
Nokta laborejo kun koralruĝaj ardaĵoj — trankvila melongena aplika surfaco kie ununura varma oranĝa sparko signalas ĉiun agon
Superlist uzas produktivecan lingvon en noktomezaj violaj tonoj: profunda melongena, varma korala kiel la sola primara koloro, kaj grandaj sanserifaj titoloj kiuj kaptas la tutan etoson. La interfaco elvokas la senton de malfrua nokta fokusita laboro - trankvila, tavoligita kaj memfida, kun koloro uzata nur kiel funkcia interpunkcio ĉe vokoj al ago, aktivaj statoj kaj ŝlosilaj punktoj. Surfacoj estas tavoligitaj en subtilaj malhelaj tonoj kun viola subtono (#181824 → #26253b), evitante puran nigron por certigi ke la profundo sentiĝas varma anstataŭ sterila. Komponantoj havas malavarajn rondetajn formojn (20-pikselaj kartoj, pilolaj butonoj), molajn ombrojn, kaj "spiras" tra komfortaj 10-16-pikselaj breĉoj anstataŭ streĉaj kradoj. La voĉo de la titolo estas ĉio: 600-poenta pezo je 70-88pikselaj kun streĉa literinterspaco de -0.02em traktas la tekston kiel preseraran anstataŭ uzantinterfacon - ĝi estas pli proksima al redakcia teksto ol SaaS.
Malhelaj sekcioj etendiĝas laŭ la tuta larĝo de la paĝo, kun centritaj, maksimumlarĝaj enhavujoj. La ĉefa sekcio estas vertikale centrita kaj enhavas titolon, subtekston kaj alvokon al ago (CTA), sekvataj de granda ekranfoto de la produkto, kiu interkovras la sekvan sekcion. Postaj sekcioj alternas inter centritaj tekstblokoj kaj kartkradoj. La recenzo-sekcio uzas tri-kolumnan kradon kun recenzokartoj kaj 16 kadroj. Navigado estas ununura supra breto kun emblemo maldekstre, centritaj ligiloj kaj ensalutaj agoj dekstre — neniu fiksa flanka breto aŭ mega-menuo. La kadroj inter sekcioj estas malavaraj (16 kadroj), kreante vastan, redakcian ritmon anstataŭ densan produktokradon.
La vidan spacon dominas produktaj ekranfotoj — granda kadro kun rondaj anguloj, montrante la faktan aplikaĵan interfacon, plenigas la ĉefajn kaj duarangajn sekciojn. Fotoj estas minimumaj, uzataj nur kiel uzantaj avataroj aŭ antaŭrigardoj de en-aplikaĵaj amaskomunikiloj (ekzemple, la koncerta bildo en la dekstra panelo de la produkta modelo). Logotipoj sur la fidobreto estas plataj, silentigitaj blankaj tekstaj simboloj. Ne estas dekoraciaj ilustraĵoj, neniuj abstraktaj grafikaĵoj, neniuj 3D-bildigoj. La vida strategio estas montri la produkton je skalo, lasi la tipografion fari la emocian laboron, kaj uzi koralon kiel la solan akcentan koloron.
Paletro
Marko
- Coral Ember
#ff4a36— Oranĝkoloro estas uzata kiel dua akcento por ornamaj detaloj kaj por reliefigi maloftajn signojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago.
Neŭtrala
- Aubergine Canvas
#181824— La paĝfono, la ĉefa kanvaso, estas varma, malhela nuanco kiu anstataŭigas puran nigron, igante la uzantinterfacon aspekti tavoligita anstataŭ plata. - Elevated Plum
#26253b— Kartaj surfacoj, enigaĵaj kampoj, navigaciaj ujoj — unu paŝon pli facile ol kanvaso por krei profundon sen videbla limo. - Pure White
#ffffff— Ĉefaj titoloj, butonteksto kaj ikonkonturoj — maksimuma kontrasto sur malhela kanvaso. - Fog Text
#696f81— La ĉefa teksto, duarangaj titoloj, kaj silentigitaj randoj ĉiuj havas kontrastoproporcion de 7:1 por komforta legado kontraŭ melongen-kolora fono. - Ash Text
#8e8da0— Neŭtrala koloro estas subtenata por duarangaj uzantinterfacaj elementoj, dividiloj kaj silentigitaj etikedoj. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago. - Mist Highlight
#a3a3a7— Subtilaj limoj, dividiloj kaj neaktivaj navigaciaj elementoj kreas subtilan neŭtralan tonon, kiu tamen elstaras kontraŭ la kanvaso.
Tipografio
de 12 ĝis 88 rastrumeroj · 9 paŝoj
- sans-serif — anstataŭaĵo: Inter · konturoj 400 · sans-serifo - trovebla en la ĉerpitaj datumoj sed ne priskribita de la artefarita inteligenteco.
- Haffer XH SemiBold — anstataŭaĵo: Inter Tight · konturoj 400, 600 · La ĉefa tiparo por montrado kaj titoloj. Ĝi estas uzata je grandeco de 70–88 rastrumeroj por ĉefaj titoloj kun interspaco de -0.02 em kaj pezo de 600. La mallarĝa interspaco kaj granda alto de literoj donas al la titoloj redakcian pezon, igante la malhelan interfacon aspekti pli kiel revua kovrilo ol kiel instrumentpanelo. Anstataŭigu per Inter Tight aŭ General Sans en grasa pezo.
- Jersey 10 — anstataŭaĵo: Anybody · konturoj 400 · Granda, ornama tiparo por akcentaj numeroj kaj reliefigiloj. Uzata ŝpareme ĉe tre grandaj grandecoj por krei tipografiajn akcentojn. Povas esti anstataŭigita per Anybody aŭ Cabinet Grotesk.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | averaĝa |
| Baza paŝo | 10-16px |
| Butona radiuso | 100px |
| Karto-radiuso | 20px |
| Ombroj | molaj ombroj |
| Inter sekcioj | 80px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Superlist kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- DNA — Noktomeza Observatorio kiel vidite tra partikla lenso
- Abetterlou — Sparkoj sur Selledo - varma kremeca tiparo brilanta kontraŭ profunde kaf-nigra fono, kun sukcen-oraj butonoj kiuj sentas kiel varmega metalo premita en la paĝon.
- Galileo-ft — Profunda-spaca komandferdeko kun elektraj bluaj signaloj
- Decide AI — Observatorio je noktomezo - menta signalo
- Redis Agency — La redakcia laborejo, malfermita post laborhoroj, estas tute nigra loko, kie la tuta markiga laboro estas farita per serifaj tiparoj kaj ununura ruĝa rafano.
- Spellbook — Noktomeza tribunalejo lumigita per korala inko — malhela redakcia surfaco kie la sola sono estas la varma oranĝa plumstreko
- Linear — noktomeza preciza instrumento
- Origin Financial — Noktomeza galerio de kvieta lukso. Kvieta, preskaŭ malluma ĉambro, kie grandaj serifaj tiparoj kaj kelkaj lumigitaj koloraj paneloj kreas la senton, ke financo estas zorge elektita artaĵo.
- Hyperstudio — La desegno estas gratita en obsidianon. Teksto kaj fajnaj linioj enkadrigas blankan spacon de pura nigra, kun fojaj oraj kompasmarkoj indikantaj la vojon.
- Air — skulptaĵo "Noktomeza Ĉielo Tra Vitro"
- Raycast — Noktomeza Komandcentro, Koralruĝa Neono
- dope.security — Noktomeza terminalo kun purpuraj signostangoj