Superlist
Ib qho chaw ua haujlwm thaum hmo ntuj nrog cov hluav taws kub coral—ib qho chaw ua haujlwm eggplant uas ntsiag to uas muaj ib lub teeb ci txiv kab ntxwv sov qhia txog txhua yam kev ua
Superlist siv cov lus ua haujlwm tau zoo hauv cov xim ntshav thaum ib tag hmo: eggplant tob, coral sov ua xim tseem ceeb, thiab cov ntawv xov xwm loj sans-serif uas ntes tau tag nrho huab cua. Lub interface ua rau muaj kev xav ntawm kev ua haujlwm thaum hmo ntuj - ntsiag to, txheej, thiab ntseeg siab, nrog rau xim siv tsuas yog ua cov cim qhia txog kev hu rau kev nqis tes ua, cov xwm txheej nquag, thiab cov ntsiab lus tseem ceeb. Cov nto yog txheej hauv cov xim tsaus me me nrog lub suab ntshav (# 181824 → # 26253b), zam cov xim dub kom ntseeg tau tias qhov tob zoo li sov es tsis yog huv. Cov khoom muaj cov duab puag ncig dav (20px daim npav, cov nyees khawm ntsiav tshuaj), cov duab ntxoov ntxoo mos, thiab "ua pa" los ntawm qhov sib txawv 10-16px xis nyob es tsis yog cov kab sib txuas nruj. Lub suab ntawm lub npe yog txhua yam: qhov hnyav 600-point ntawm 70-88px nrog qhov sib nrug ntawm tsab ntawv nruj ntawm -0.02em kho cov ntawv nyeem ua typographic es tsis yog UI - nws ze rau cov ntawv luam tawm dua li SaaS.
Cov ntu tsaus ntuj npog tag nrho qhov dav ntawm nplooj ntawv, nrog rau cov thawv ntim cov ntsiab lus dav tshaj plaws. Ntu tseem ceeb yog ntsug thiab muaj lub npe, cov ntawv me, thiab kev hu kom ua (CTA), ua raws li daim duab loj ntawm cov khoom lag luam uas sib tshooj rau ntu tom ntej. Cov ntu tom ntej hloov pauv ntawm cov ntawv nyeem nruab nrab thiab daim npav grids. Ntu kev tshuaj xyuas siv daim phiaj peb-kab nrog daim npav tshuaj xyuas thiab 16 gutters. Kev taw qhia yog ib qho bar sab saum toj nrog lub logo ntawm sab laug, cov kev sib txuas nruab nrab, thiab kev ua haujlwm nkag mus rau sab xis - tsis muaj sidebar ruaj khov lossis mega-menu. Cov gutters ntawm cov ntu yog dav (16 gutters), tsim kom muaj lub suab dav, kho kom zoo nkauj es tsis yog daim phiaj khoom lag luam tuab.
Qhov chaw pom kev feem ntau yog cov duab thaij ntawm cov khoom lag luam—ib lub thav duab loj nrog cov ces kaum puag ncig, qhia txog lub interface app tiag tiag, puv cov ntu tseem ceeb thiab ntu thib ob. Cov duab tsawg heev, tsuas yog siv ua cov avatars ntawm tus neeg siv lossis saib ua ntej ntawm cov xov xwm hauv app (piv txwv li, daim duab hais kwv txhiaj hauv vaj huam sib luag sab xis ntawm cov khoom lag luam mockup). Cov cim ntawm lub bar ntseeg siab yog cov cim ntawv dawb tiaj tus, tsis muaj suab nrov. Tsis muaj cov duab kos zoo nkauj, tsis muaj cov duab kos abstract, tsis muaj 3D renders. Lub tswv yim pom kev yog los qhia cov khoom lag luam ntawm qhov loj me, cia cov ntawv sau ua haujlwm kev xav, thiab siv coral ua xim tshwj xeeb.
Xim av
Hom
- Coral Ember
#ff4a36— Xim txiv kab ntxwv yog siv ua xim thib ob rau cov ntsiab lus kho kom zoo nkauj thiab los qhia txog cov cim qhia tsis tshua muaj. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua.
Nruab nrab
- Aubergine Canvas
#181824— Lub keeb kwm yav dhau ntawm nplooj ntawv, lub canvas tseem ceeb, yog ib qho xim sov so, tsaus ntuj uas hloov cov xim dub huv si, ua rau lub interface neeg siv zoo li muaj ntau txheej es tsis yog tiaj tus. - Elevated Plum
#26253b— Cov nto ntawm daim npav, cov teb nkag, cov thawv navigation—ib kauj ruam yooj yim dua li daim ntaub canvas los tsim qhov tob yam tsis muaj ciam teb pom. - Pure White
#ffffff— Cov npe tseem ceeb, cov ntawv sau ntawm lub pob, thiab cov duab kos - qhov sib txawv siab tshaj plaws ntawm daim ntaub tsaus nti. - Fog Text
#696f81— Cov ntawv tseem ceeb, cov npe thib ob, thiab cov ciam teb uas tsis muaj xim - qhov sib piv sib piv 7: 1 rau kev nyeem ntawv yooj yim nrog rau keeb kwm yav dhau los xim txiv lws suav. - Ash Text
#8e8da0— Xim nruab nrab yog siv tau rau cov ntsiab lus UI thib ob, cov khoom faib, thiab cov ntawv lo uas tsis muaj suab. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua. - Mist Highlight
#a3a3a7— Cov ciam teb me me, cov khoom faib, thiab cov ntsiab lus tsis ua haujlwm tsim cov xim nruab nrab me me uas tseem sawv tawm ntawm daim ntaub.
Kev sau ntawv
txij li 12 mus rau 88px · 9 kauj ruam
- sans-serif — hloov: Inter · cov qauv qhia 400 · sans-serif - pom nyob rau hauv cov ntaub ntawv rho tawm tab sis tsis tau piav qhia los ntawm AI.
- Haffer XH SemiBold — hloov: Inter Tight · cov qauv qhia 400, 600 · Tus ntawv tseem ceeb rau kev tso saib thiab cov ntawv sau. Nws siv ntawm qhov loj ntawm 70–88px rau cov ntawv sau hero nrog qhov sib nrug ntawm -0.02em thiab qhov hnyav ntawm 600. Qhov sib nrug ntawm cov ntawv me me thiab qhov siab ntawm cov ntawv loj ua rau cov ntawv sau muaj qhov hnyav, ua rau lub interface tsaus nti zoo li lub hau ntawv xov xwm ntau dua li lub dashboard. Hloov nrog Inter Tight lossis General Sans hauv qhov hnyav tuab.
- Jersey 10 — hloov: Anybody · cov qauv qhia 400 · Ib daim ntawv loj, zoo nkauj rau cov lej thiab cov ntsiab lus tseem ceeb. Siv tsawg tsawg ntawm cov qhov loj heev los tsim cov ntawv sau. Hloov tau nrog Anyone lossis Cabinet Grotesk.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 10-16px |
| Lub vojvoog ntawm lub pob | 100px |
| Lub vojvoog ntawm daim npav | 20px |
| Duab ntxoov ntxoo | cov duab ntxoov ntxoo mos mos |
| Nruab nrab ntawm cov ntu | 80px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Superlist thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- DNA — Lub Chaw Saib Xyuas Ib Tag Hmos raws li pom los ntawm lub lens particle
- Abetterlou — Cov nplaim taws ntawm Saddle Leather - ib daim ntawv sov sov ci ntsa iab tawm tsam keeb kwm yav dhau los dub-kas fes tob, nrog rau cov nyees khawm kub-amber uas zoo li hlau kub nias rau hauv nplooj ntawv.
- Galileo-ft — Ib lub lawj hais kom ua hauv qhov chaw tob nrog cov teeb liab hluav taws xob xiav
- Decide AI — Lub chaw soj ntsuam thaum ib tag hmo - lub cim mint
- Redis Agency — Lub rooj cob qhia kho xov xwm, qhib tom qab sijhawm ua haujlwm, yog qhov chaw tsaus ntuj nti uas txhua txoj haujlwm tsim hom lag luam yog ua los ntawm cov ntawv serif thiab ib lub radish liab xwb.
- Spellbook — Chav txiav txim plaub thaum ib tag hmo uas muaj xim av daj ci ntsa iab—qhov chaw sau ntawv tsaus ntuj uas tsuas muaj lub suab xwb yog tus cwj mem xim txiv kab ntxwv sov so.
- Linear — cov cuab yeej ntsuas qhov tseeb thaum ib tag hmo
- Origin Financial — Ib lub tsev khaws puav pheej thaum ib tag hmo uas muaj kev nplua nuj nyob ntsiag to. Ib chav ntsiag to, yuav luag tsaus ntuj uas cov ntawv loj loj thiab ob peb lub vaj huam sib luag xim ci ntsa iab ua rau muaj kev xav tias kev nyiaj txiag yog ib daim duab kos duab zoo nkauj.
- Hyperstudio — Tus qauv tsim yog khawb rau hauv obsidian. Cov ntawv nyeem thiab cov kab zoo nkauj ua rau lub dav dawb dub huv si, nrog rau qee zaum cov cim qhia kev kub.
- Air — duab puab "Ntuj Nruab Hnub Los Ntawm Iav"
- Raycast — Chaw Ua Haujlwm Ib Tag Hmo, Coral Neon
- dope.security — Lub davhlau ya nyob twg ib tag hmo nrog cov teeb liab ntshav