Superlist
Spazju tax-xogħol bil-lejl b'ġamar tal-qroll—wiċċ kwiet ta' app tal-brunġiel fejn xrar oranġjo sħun wieħed jindika kull azzjoni
Superlist juża lingwaġġ ta' produttività f'toni vjola ta' nofsillejl: brunġiel skur, qroll sħun bħala l-uniku kulur primarju, u titoli kbar sans-serif li jaqbdu l-atmosfera kollha. L-interfaċċja tevoka s-sentiment ta' xogħol iffukat tard bil-lejl—kwiet, f'saffi, u kunfidenti, bil-kulur użat biss bħala punteġġjatura funzjonali fuq sejħiet għal azzjoni, stati attivi, u punti ewlenin. L-uċuħ huma f'saffi f'toni skuri sottili b'ton vjola (#181824 → #26253b), billi jiġi evitat iswed pur biex jiġi żgurat li l-fond iħoss sħun aktar milli sterili. Il-komponenti għandhom forom tondi ġenerużi (karti ta' 20px, buttuni tal-pilloli), dellijiet rotob, u "jieħdu n-nifs" permezz ta' lakuni komdi ta' 10-16px aktar milli grilji stretti. Il-vuċi tat-titlu hija kollox: piż ta' 600 punt f'70-88px bi spazjar strett tal-ittri ta' -0.02em jittratta t-test bħala tipografiku aktar milli UI—huwa eqreb lejn kopja editorjali milli SaaS.
Taqsimiet skuri jkopru l-wisa' kollha tal-paġna, b'kontenituri tal-kontenut iċċentrati b'wisa' massima. It-taqsima prinċipali hija ċċentrata vertikalment u fiha titlu, sottotest, u sejħa għall-azzjoni (CTA), segwiti minn screenshot kbir tal-prodott li jikkoinċidi mat-taqsima li jmiss. Taqsimiet sussegwenti jalternaw bejn blokki ta' test iċċentrati u grilji tal-karti. It-taqsima tar-reviżjonijiet tuża grilja bi tliet kolonni b'karti ta' reviżjoni u 16-il gutter. In-navigazzjoni hija bar wieħed ta' fuq b'logo fuq ix-xellug, links iċċentrati, u azzjonijiet ta' login fuq il-lemin—l-ebda sidebar fiss jew mega-menu. Il-gutters bejn it-taqsimiet huma ġenerużi (16-il gutter), u joħolqu ritmu editorjali spazjuż aktar milli grilja densa tal-prodott.
L-ispazju viżwali huwa ddominat minn screenshots tal-prodott—qafas kbir b'kantunieri ttundjati, li juri l-interface tal-app attwali, jimla s-sezzjonijiet ewlenin u sekondarji. Ir-ritratti huma minimi, użati biss bħala avatars tal-utent jew previews tal-midja fl-app (pereżempju, l-immaġni tal-kunċert fil-pannell tal-lemin tal-mockup tal-prodott). Il-logos fuq il-bar tal-fiduċja huma simboli ta' test abjad ċatti u siekta. M'hemm l-ebda illustrazzjonijiet dekorattivi, l-ebda grafika astratta, l-ebda renders 3D. L-istrateġija viżwali hija li turi l-prodott fuq skala kbira, tħalli t-tipografija tagħmel ix-xogħol emozzjonali, u tuża l-qroll bħala l-uniku kulur aċċent.
Paletta
Marka
- Coral Ember
#ff4a36— L-oranġjo jintuża bħala aċċent sekondarju għal dettalji dekorattivi u biex jenfasizza sinjali mhux frekwenti. M'għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni.
Newtrali
- Aubergine Canvas
#181824— L-isfond tal-paġna, il-kanvas prinċipali, huwa dell skur u sħun li jissostitwixxi l-iswed pur, u b'hekk l-interfaċċja tal-utent tidher f'saffi aktar milli ċatta. - Elevated Plum
#26253b— Uċuħ tal-karti, oqsma tad-dħul, kontenituri tan-navigazzjoni—pass aktar faċli milli tuża l-kanvas biex toħloq fond mingħajr fruntiera viżibbli. - Pure White
#ffffff— Intestaturi ewlenin, test tal-buttuni, u kontorni tal-ikoni—kuntrast massimu fuq kanvas skur. - Fog Text
#696f81— It-test prinċipali, l-intestaturi sekondarji, u l-borduri siekta kollha għandhom proporzjon ta' kuntrast ta' 7:1 għal qari komdu fuq sfond bil-kulur tal-brunġiel. - Ash Text
#8e8da0— Kulur newtrali huwa appoġġjat għal elementi sekondarji tal-UI, dividers, u tikketti siekta. M'għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni. - Mist Highlight
#a3a3a7— Borduri sottili, diviżuri, u elementi ta' navigazzjoni inattivi joħolqu ton newtrali sottili li xorta jispikka kontra l-kanvas.
Tipografija
minn 12 sa 88px · 9 passi
- sans-serif — sostituzzjoni: Inter · linji gwida 400 · sans-serif - misjub fid-dejta estratta iżda mhux deskritt mill-AI.
- Haffer XH SemiBold — sostituzzjoni: Inter Tight · linji gwida 400, 600 · Il-font primarju għall-wiri u l-intestaturi. Jintuża f'daqs ta' 70–88px għal intestaturi ewlenin b'spazjar tal-ittri ta' -0.02em u piż ta' 600. L-ispazjar dejjaq tal-ittri u l-għoli kbir tal-ittri jagħtu lill-intestaturi piż editorjali, u b'hekk l-interfaċċja skura tidher aktar bħal qoxra ta' rivista milli dashboard. Ibdel b'Inter Tight jew General Sans b'piż grassett.
- Jersey 10 — sostituzzjoni: Anybody · linji gwida 400 · Font kbir u dekorattiv għal numri ta' aċċenti u punti ewlenin. Jintuża bil-moderazzjoni f'daqsijiet kbar ħafna biex joħloq aċċenti tipografiċi. Jista' jiġi sostitwit b'Anybody jew Cabinet Grotesk.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 10-16px |
| Raġġ tal-buttuna | 100px |
| Raġġ tal-karta | 20px |
| Dellijiet | dellijiet rotob |
| Bejn is-sezzjonijiet | 80px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Superlist u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- DNA — L-Osservatorju ta' Nofsillejl kif jidher minn lenti tal-partiċelli
- Abetterlou — Sparks on Saddle Leather - font kremuż sħun li jiddi fuq sfond iswed skur tal-kafè, b'buttuni ambra-deheb li jħossuhom bħal metall jaħraq ippressat fil-paġna.
- Galileo-ft — Gverta tal-kmand tal-ispazju fond b'sinjali blu elettriċi
- Decide AI — Osservatorju f'nofsillejl - sinjal ta' zekka
- Redis Agency — Il-workshop editorjali, miftuħ wara l-ħinijiet tax-xogħol, huwa post mudlam fejn ix-xogħol kollu tal-branding isir permezz ta’ fonts serif u ravanell aħmar wieħed.
- Spellbook — Awla tal-qorti f’nofsillejl imdawla b’linka tal-qroll—wiċċ editorjali skur fejn l-uniku ħoss huwa l-pinna oranġjo sħuna
- Linear — strument ta' preċiżjoni ta' nofsillejl
- Origin Financial — Gallerija ta’ nofsillejl ta’ opulenza kwieta. Kamra kwieta, kważi mudlama fejn fonts serif kbar u ftit pannelli kkuluriti mdawlin joħolqu s-sensazzjoni li l-finanzi huma xogħol tal-arti kkurat bir-reqqa.
- Hyperstudio — Id-disinn huwa mnaqqax fl-ossidjana. It-test u l-linji rqaq jiffurmaw spazju abjad iswed pur, b'marki tad-deheb tal-kumpass okkażjonali li jindikaw it-triq.
- Air — skultura "Sema ta' Nofsillejl Minn Ħġieġ"
- Raycast — Ċentru tal-Kmand ta' Nofsillejl, Coral Neon
- dope.security — Terminal ta' nofsillejl b'fanali vjola