Superlist
Nakts darba vieta ar koraļļu oglēm — klusa baklažānu formas lietotnes virsma, kur viena silta oranža dzirksts signalizē par katru darbību.
Superlist izmanto produktivitātes valodu pusnakts violetos toņos: tumši baklažānu, silti koraļļu kā vienīgo pamatkrāsu un lielus virsrakstus bez serifiem, kas aptver visu atmosfēru. Saskarne rada sajūtu, ka darbs tiek veltīts vēlam vakaram — kluss, daudzslāņains un pārliecināts, un krāsa tiek izmantota tikai kā funkcionālas pieturzīmes aicinājumiem uz darbību, aktīvajiem stāvokļiem un galvenajiem punktiem. Virsmas ir daudzslāņainas smalkos tumšos toņos ar violetu apakštoni (#181824 → #26253b), izvairoties no tīras melnas krāsas, lai nodrošinātu, ka dziļums šķiet silts, nevis sterils. Komponentiem ir dāsnas noapaļotas formas (20 pikseļu kartītes, tablešu pogas), maigas ēnas un tie "elpo" caur ērtām 10–16 pikseļu atstarpēm, nevis ciešiem režģiem. Virsraksta balss ir viss: 600 punktu svars 70–88 pikseļos ar ciešu burtu atstarpi -0,02em tekstu traktē kā tipogrāfisku, nevis lietotāja saskarni — tas ir tuvāk redakcionālam tekstam, nevis SaaS.
Tumšās sadaļas aptver visu lapas platumu ar centrētiem, maksimālā platuma satura konteineriem. Galvenā sadaļa ir vertikāli centrēta un satur virsrakstu, apakštekstu un aicinājumu uz darbību (CTA), kam seko liels produkta ekrānuzņēmums, kas pārklāj nākamo sadaļu. Nākamās sadaļas mainās starp centrētiem teksta blokiem un karšu režģiem. Atsauksmju sadaļā tiek izmantots trīs kolonnu režģis ar atsauksmju kartītēm un 16 iecirkņiem. Navigācija ir viena augšējā josla ar logotipu kreisajā pusē, centrētām saitēm un pieteikšanās darbībām labajā pusē — nav fiksētas sānu joslas vai mega izvēlnes. Iecirkņi starp sadaļām ir dāsni (16 iecirkņi), radot plašu, redakcionālu ritmu, nevis blīvu produktu režģi.
Vizuālo telpu dominē produkta ekrānuzņēmumi — galveno un sekundāro sadaļu aizpilda liels rāmis ar noapaļotiem stūriem, kas parāda pašu lietotnes saskarni. Fotoattēlu ir minimāli, tie tiek izmantoti tikai kā lietotāju avatari vai lietotnē ietvertās multivides priekšskatījumi (piemēram, koncerta attēls produkta maketa labajā panelī). Logotipi uzticamības joslā ir plakani, klusināti balti teksta simboli. Nav dekoratīvu ilustrāciju, nav abstraktas grafikas, nav 3D renderējumu. Vizuālā stratēģija ir parādīt produktu mērogā, ļaut tipogrāfijai veikt emocionālo darbu un izmantot koraļļu krāsu kā vienīgo akcenta krāsu.
Palete
Zīmols
- Coral Ember
#ff4a36— Oranža krāsa tiek izmantota kā sekundārs akcents dekoratīvām detaļām un retu norāžu izcelšanai. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību.
Neitrāls
- Aubergine Canvas
#181824— Lapas fons, galvenais audekls, ir siltā, tumšā tonī, kas aizstāj tīri melnu krāsu, padarot lietotāja saskarni daudzslāņainu, nevis plakanu. - Elevated Plum
#26253b— Karšu virsmas, ievades lauki, navigācijas konteineri — dziļuma izveide bez redzamas robežas ir par vienu soli vienkāršāka nekā uz audekla. - Pure White
#ffffff— Galvenie virsraksti, pogu teksts un ikonu kontūras — maksimāls kontrasts uz tumša audekla. - Fog Text
#696f81— Galvenais teksts, sekundārie virsraksti un klusinātas apmales — kontrasta attiecība 7:1 ērtai lasīšanai uz baklažānu krāsas fona. - Ash Text
#8e8da0— Neitrāla krāsa tiek atbalstīta sekundārajiem lietotāja interfeisa elementiem, atdalītājiem un klusinātām etiķetēm. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību. - Mist Highlight
#a3a3a7— Neuzkrītošas apmales, atdalītāji un neaktīvi navigācijas elementi rada neuzkrītošu neitrālu toni, kas joprojām izceļas uz audekla fona.
Tipogrāfija
no 12 līdz 88 pikseļiem · 9 soļi
- sans-serif — nomaiņa: Inter · kontūras 400 · sans-serif — atrodams iegūtajos datos, bet mākslīgais intelekts to nav aprakstījis.
- Haffer XH SemiBold — nomaiņa: Inter Tight · kontūras 400, 600 · Primārais fonts attēlošanai un virsrakstiem. Tas tiek izmantots 70–88 pikseļu izmērā varoņu virsrakstiem ar burtu atstarpi -0,02em un svaru 600. Šaurais burtu atstarpes un lielais burtu augstums piešķir virsrakstiem redakcionālu svaru, liekot tumšajam interfeisam izskatīties vairāk kā žurnāla vākam, nevis informācijas panelim. Aizvietojiet ar Inter Tight vai General Sans treknrakstā.
- Jersey 10 — nomaiņa: Anybody · kontūras 400 · Liels, dekoratīvs fonts akcentu cipariem un izcēlumiem. Ļoti lielos izmēros tiek izmantots taupīgi, lai radītu tipogrāfiskus akcentus. Var aizstāt ar Anyone vai Cabinet Grotesk.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 10-16px |
| Pogas rādiuss | 100px |
| Kartes rādiuss | 20px |
| Ēnas | mīkstas ēnas |
| Starp sekcijām | 80px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Superlist stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- DNA — Pusnakts observatorija, skatoties caur daļiņu lēcu
- Abetterlou — Sparks on Saddle Leather — silts, krēmīgs fonts, kas mirdz uz tumši kafijas melna fona, ar dzintara-zelta pogām, kas šķiet kā karsts metāls, iespiests lapā.
- Galileo-ft — Dziļās kosmosa komandklājs ar elektriski ziliem signāliem
- Decide AI — Observatorija pusnaktī - kaltas zīmes signāls
- Redis Agency — Redakcijas darbnīca, kas ir atvērta arī pēc darba laika, ir pilnīgi melna vieta, kur visu zīmola veidošanas darbu veic serif fonti un viens sarkans redīss.
- Spellbook — Pusnakts tiesas zāle, kas izgaismota ar koraļļu tinti — tumša redakcijas virsma, kur vienīgā skaņa ir silti oranža pildspalvas triepiena
- AWE — Robotizēta observatorija pēc pusnakts. Izveidojiet melnus, galerijai līdzīgus ekrānus, kur bāls redakcionāls fonts peld virs mākslīgā intelekta darbinātiem attēliem un sīka teksta informācijas panelī.
- Graphite — Gaismas gala režģis. Izveidojiet tumšas, ar apmali apvilktas produktu virsmas ap precīziem baltiem tipogrāfiskiem marķējumiem un neregulāriem spektrālās gaismas uzplaiksnījumiem.
- Featurebase — Violetā krāsā apgaismota konsole. Iztēlojieties katru lapu kā tumšu, klusu skatuvi, no kuras apakšējās malas iznira spīdoša darba vieta produktam.
- BAM Photographers — Galerijas projekcija pēc pusnakts. Melnais audekls, palielināti baltie burti un kinematogrāfiski attēlu pāri rada sajūtu, ka vietne drīzāk ir projekciju portfolio, nevis tipisks redakcionāls režģis.
- Nuxt — Termināla spīdums tālajā kosmosā. Izveidojiet tumšas, slēgtas saskarnes plaknes, kur zaļa gaisma parādās kā signāls uz zili melnām virsmām.
- Linear — pusnakts precīzijas instruments