Stripe
Ib phau ntawv qhia txog nyiaj txiag sau ua xim indigo rau ntawm daim iav frosted
Stripe siv cov lus yuav luag monochrome rau cov cuab yeej nyiaj txiag: ib daim ntaub mos mos, txias dawb nrog cov ntawv xiav tsaus, yuav luag tsis muaj cov khoom chrome zoo nkauj, thiab ib qho indigo ci ntsa iab (# 533afd) uas tuaj yeem siv tau ua lub pob, txuas, lossis cov duab kos. Cov ntawv sau yog nyias heev, nrog rau qhov hnyav 300-point - txawm tias ntawm 56px - uas xav tias ntseeg siab understated es tsis yog lub tuam txhab qhib; qhov chaw ntawm tsab ntawv txo qis nrog qhov loj me. Cov nyees khawm yog me me, square (4px), thiab siv cov xim ntshav lossis cov kab txaij ntshav nyias tshaj plaws. Lub kaw lus zam cov duab ntxoov ntxoo; qhov tob yog ua tiav los ntawm kev hloov cov xim keeb kwm yav dhau los (dawb → # f8fafd → # e5edf5 → cov xim ntshav), es tsis yog los ntawm kev nce. Tag nrho lub interface ua haujlwm zoo li lub tshuab suav nyiaj lossis lub davhlau ya nyob twg: cov ntaub ntawv ntom ntom, cov kab meej, qhov chaw dav dav ntawm cov ntu, thiab xim tsuas yog tshwm sim thaum xav tau kev nqis tes ua.
Qhov dav tshaj plaws yog ~ 1320px rau ib kab ntawv uas nyob nruab nrab ntawm daim ntaub dawb. Tus phab ej yog ib daim ntawv sau uas tau teeb tsa sab laug ntawm qhov loj tag nrho (56px) nrog ob qhov kev hu kom ua hauv qab no, tsis muaj duab phab ej—tus ntawv sau YOG tus phab ej. Cov ntu tau teeb tsa ntsug nrog cov kab sib npaug 96px thiab cov kab faib 1px #e5edf5; tsis muaj cov kab sib txawv tsaus/sib hloov. Txhua ntu ua raws li tus qauv rov ua dua: lub npe ntu me me hauv txhua lub ntawv loj (xim pa luam yeeb, 12px), tom qab ntawd lub npe 32-48px, tom qab ntawd ib nqe lus 22px, tom qab ntawd ib daim phiaj ntawm daim npav khoom (3 kab ntawm lub desktop) lossis ib daim ntawv sau 2-kab nrog kev kos duab pom. Cov cim ntawm cov neeg siv khoom tshwm sim hauv ib daim kab ntsug nqaim, teeb tsa sab laug. Lub footer yog ib daim kab dav #f8fafd nrog ntau kab npe ntawm cov txuas. Lub suab tag nrho yog qeeb, ntsuas, thiab feem ntau yog cov ntawv nyeem—cov ntaub ntawv ceev yog qis, txawm tias qhov ntev ntawm scroll.
Cov duab yog txwv thiab zoo li cov ntaub ntawv sau. Cov duab puv nplooj ntawv tsuas yog tshwm sim hauv cov ntu uas muaj cov ntaub ntawv tshawb fawb (piv txwv li, kev thaij duab tsheb khiav hauv huab cua rau Hertz), thaij los ntawm saum toj lossis ntawm cov ces kaum zoo nkauj, siv cov xim ntuj - tsis muaj duotone lossis kev ua xim. Cov duab thaij ntawm cov khoom siv interface siv hauv cov ntawv qhia tshwj xeeb, ua nrog cov ces kaum ntse thiab cov ciam teb meej, tsis muaj cov thav duab ntaus ntawv. Cov cim lag luam koom tes tau tso tawm hauv lawv cov xim, tsis muaj cov thawv. Tsis muaj cov duab kos, 3D renders, lossis cov khoom siv abstract graphic kho kom zoo nkauj. Cov cim yog sib xws: qhov hnyav kab 1, qhov hnyav kab 2 ntawm keeb kwm yav dhau dawb, nrog cov duab kos duab geometric (chevrons, xub, checkmarks, cov cim ntawv). Nplooj ntawv muaj cov ntawv nyeem thiab qhov chaw dawb; cov duab siv tsawg dua 3% ntawm tag nrho thaj chaw pom.
Xim av
Hom
- Indigo Ink
#533afd— Xim av yog siv rau cov nyees khawm puv nkaus, cov xwm txheej kev taw qhia uas tau xaiv, thiab cov sijhawm hloov pauv uas tsom mus rau kev tsom mus rau. - Indigo Hover
#7389ff— Xim av yog siv los qhia txog cov kev sib txuas, cov cim npe, thiab cov kab lus luv luv. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua.
Nruab nrab
- Midnight Ink
#061b31— Cov ntawv tseem ceeb thiab cov ntawv hauv lub cev yog xim tob, yuav luag dub nrog rau xim xiav txias, uas ua lub hauv paus rau tag nrho cov ntawv. - Slate
#64748d— Cov ntawv xim grey qhia txog cov kev sib txuas, cov cim npe, thiab cov kab lus luv luv. - Steel
#50617a— Cov ntawv nyeem ntxiv thiab cov ntaub ntawv txhawb nqa tau muab tso rau ntawm cov xim slate thiab cov xim av daj uas siv rau ntawm cov ntawv tso cai me. - Smoke
#839bc8— Rau cov ntawv loj loj uas zoo nkauj thiab cov ntawv nrog, siv xim av daj uas tsis muaj suab nrov - yeej tsis siv rau hauv cov kab lus hauv lub cev. - Pure White
#ffffff— Cov nplooj ntawv canvas thiab cov nplaim siab ntawm cov ntawv; lub keeb kwm yav dhau los uas txhua yam ntsuas tau. - Mist
#f8fafd— Lub keeb kwm yav dhau ntawm footer thiab qhov faib seem yog ib qho ntxoov ntxoo txias uas cais cov cheeb tsam uas tsis muaj ciam teb pom.
Kev sau ntawv
txij li 12 mus rau 56px · 9 kauj ruam
- sohne-var — hloov: Inter Tight (variable · cov qauv qhia 300, 400 · Tsuas yog cov ntawv siv hauv tag nrho lub interface yog rau cov npe, cov ntawv hauv lub cev, kev taw qhia, cov nyees khawm, thiab cov ntawv lo. Qhov hnyav 300 yeej txawm tias ntawm qhov loj ntawm qhov screen ntawm 56px, uas yog qhov tshwj xeeb: cov npe hais lus ntsiag to es tsis txhob qw, tsim kom muaj hwj chim los ntawm kev txwv tsis yog ntim. Qhov hnyav 400 tsuas yog tshwm sim ntawm 14-16px rau kev taw qhia thiab cov ntawv khawm, qhov twg xav tau ib qho stroke ntxiv rau kev nyeem tau ntawm qhov me me.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | dav |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 4px |
| Lub vojvoog ntawm daim npav | 4px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 96px |
| Qhov dav ntawm nplooj ntawv | 1320px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Stripe 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
- Ui — daim ntawv qhia kev kho mob ntawm daim ntawv matte
- monopo saigon — Ib qho kua dej, ci ntsa iab tom qab kev ntsiag to ntawm cov ntawv xov xwm - ib lub tsev qiv ntawv monochrome uas ntab saum lub teeb molten
- Ventriloc — Ib daim ntawv sau txog cov ntaub ntawv ntawm daim ntawv sov - ib lub teeb txiv kab ntxwv uas qhia txog qhov tseeb ntawm cov xim monochrome
- Hyer Aviation — Lub caij tsaus ntuj hauv lub cockpit hla daim ntawv parchment. Lub ntuj kaj ntsa iab ntsib lub logo serif loj li lub fuselage, thiab ib qho xim av sov so ua rau lub monochrome tsis zoo nkauj.
- Family — Ib qho kev nthuav dav los ntawm zaj dab neeg ntawm daim ntawv ci cream
- OFF+BRAND. — Lub voos xwmfab ci ntsa iab rau ntawm daim ntawv parchment sov
- Geniestudio — Ib phau ntawv sau mos mos thaum nruab hnub—hom ntawv uas muaj ntug dav thiab ib tus cwj mem tuab xwb
- xAI — Chav Ua Noj Qab Zib Sov nrog Tshuaj Dub
- Seed — ib yam tsiaj txhu uas muaj sia nyob hauv qab iav kuaj mob
- Cosmos — Ib phab ntsa gallery uas muaj ntaub linen thiab dai nrog Polaroids
- Cal — Kev siv tau yooj yim ntawm cov xim monochrome, ib txoj kev uas tib neeg siv. Ib lub kaw lus uas muab qhov tseem ceeb rau qhov meej thiab kev ua haujlwm los ntawm kev siv cov xim dub thiab dawb nruj, tab sis ua kom nws mos dua nrog cov ntawv sau zoo thiab cov duab puag ncig.
- T1 Energy — Ib daim duab kos ntawm lub chaw tsim khoom ntawm daim ntawv parchment sov yog qhov chaw ntsiag to, monochrome uas qhov ntsuas kev lag luam thiab cov ntawv sau me me sawv cev rau tag nrho lub hom.