Letters
Ib qho kev teem sijhawm thaum sawv ntxov ntawm ib lub tsev kho mob qhib sab nraum zoov—lub rooj dawb huv hauv qab lub qab nthab xiav mos mos, uas muaj cov cuab yeej phais xiav puv npo.
Cov Ntawv yog ib qho cuab yeej sau ntawv kho mob uas pib nrog lub taub hau qhib-ntuj gradient—ib txoj kab xiav mos mos, ua rau muaj huab cua zoo nkauj—ua ntej hloov mus rau qhov chaw ua haujlwm dawb huv. Lub kaw lus no tau tsim los ntawm cov qauv monochrome: ib daim ntaub dawb huv, cov ntawv ze li dub (#070709), cov lus hu ua ntsiav tshuaj tsaus nti, thiab cov ntawv puag ncig ntab rau ntawm cov duab ntxoov ntxoo me me. Ib qho xiav ci ntsa iab (#2597d0) yog tseg rau kev ua haujlwm punctuation—cov cim, micrographics, cov neeg ua si waveform—yeej tsis tau siv rau cov nyees khawm lossis cov ntawv loj. Cov ntawv sau siv Open Runde, ib qho geometric humanist sans-serif nrog cov ntawv tsis zoo sib txawv ntawm qhov loj me ntawm qhov screen loj dua (-0.04em ntawm 80px), uas compresses cov headers rau hauv cov blocks ntseeg siab. Cov khoom siv xav tias lub teeb, zoo li ib yam khoom siv kho mob: bezels nyias nyias, qhov chaw dav dav ntawm daim npav, cov nyees khawm zoo li ntsiav tshuaj, thiab kev siv qhov siab uas tso cai rau lub taub hau zoo li ntuj ua haujlwm kev xav.
Ib nplooj ntawv tseem ceeb uas muaj xim xiav xiav npog tag nrho nplooj ntawv, nrog rau lub npe thiab cov ntawv qhia hauv nruab nrab, thiab lub pob hu kom ua haujlwm hauv qab no. Nws hloov mus rau hauv thaj chaw dawb nrog qhov sib nrug dav ntawm cov ntu (80-120px). Cov ntu tshwj xeeb siv ob kab ntawv sib luag ntawm cov ntawv loj, puag ncig (18-32px radius) ntawm qhov sib npaug. Cov npe ntawm cov ntu ib txwm nyob hauv nruab nrab, hauv ib kab ntawv, saum toj ntawm daim ntawv sib luag. Kev taw qhia yog ib daim kab dawb saum toj kawg nkaus nrog cov kev sib txuas hauv nruab nrab thiab cov kev ua haujlwm nkag mus rau sab xis. Lub suab tag nrho yog ib kab tseem ceeb, atmospheric, tom qab ntawd hloov cov seem dawb thiab #f5f5f5 nrog qhov chaw ua pa ntsug sib xws. Tsis muaj sidebar, tsis muaj mega-menu, tsis muaj asymmetrical layouts - nplooj ntawv zoo li ib kab ntawv ntsiag to, sib npaug.
Tus qauv tsim pom tseeb yuav luag tsom mus rau qhov khoom siv interface—tsis muaj cov duab hauv lub neej, tsis muaj cov duab 3D abstract. Cov lus pom tau tsim los ntawm cov ntawv khoom uas qhia txog lub app lub interface: kev sib piv "Ua Ntej" thiab "Tom Qab" ntawm cov ntaub ntawv, thaj chaw thauj khoom nrog cov ciam teb dotted, thiab lub tshuab ua suab hauv daim ntawv ntawm lub waveform. Tsuas yog qhov pom kev zoo nkauj yog lub ntuj gradient hauv daim duab tseem ceeb. Cov cim yog tiaj tus, ib-xim #2597d0 kab cim (lub hnab ntawv, microphone, checkmark) nrog cov kab sib npaug, tsis muaj kev hloov pauv puv. Cov qauv duab yog txwv: cov khoom mockups tau tso tawm rau ntawm keeb kwm yav dhau dawb, me ntsis tig los tsim qhov tob, tsis txhob tilted ntse. Ib daim ntawv sau tes (Tus Kws Kho Mob) yog tib qho organic / tes ua, siv tsuas yog los ua kom pom kev sau ntawv kho mob ntawm daim npav "Ua Ntej".
Xim av
Hom
- Surgical Blue
#2597d0— Cov cim, lub cim microphone, lub tshuab ua suab nrov, thiab cov khoom siv me me ua rau muaj ib lub suab chromatic thoob plaws hauv lub interface.
Nruab nrab
- Obsidian
#070709— Cov ntawv theej ntawm lub cev, cov nyees khawm hu kom ua tiav, thiab cov ntsiab lus UI tsaus nti - ze-dub raug xaiv es tsis yog #000 ntshiab los ua kom qhov sib piv mos dua li keeb kwm yav dhau dawb. - Paper White
#ffffff— Cov nplooj ntawv keeb kwm yav dhau, daim npav nto, thiab cov ntawv khawm yog cov ntaub thaiv tseem ceeb rau txhua ntu hauv qab lub ntsiab lus tseem ceeb. - Cloud Gray
#f5f5f5— Cov ntawv qhia ntxiv thiab cov keeb kwm yav dhau los cais cov blocks ua haujlwm ntawm cov ntaub pua plag tseem ceeb. - Sky Tint
#d7e6f5— Qhov ntxoov ntxoo ntawm daim duab los ntawm daim ntawv thiab lub suab xiav uas tsis pom tseeb ntawm qhov chaw ua rau muaj kev xav ntawm huab cua, es tsis yog xim grey. - Charcoal
#60606c— Cov ntawv tseem ceeb, cov ntawv thib ob, thiab cov ciam teb uas tsis muaj suab nrov - xim nruab nrab tseem ceeb rau cov ntsiab lus uas tsis yog lub ntsiab lus. - Slate
#8b8b8b— Cov ntawv me me thiab cov xeev ciam teb tsis ua haujlwm - siv los qhia qhov chaw thiab xyuas kom meej tias cov neeg xiam oob qhab tuaj yeem nkag tau.
Kev sau ntawv
txij li 12 mus rau 80px · 8 kauj ruam
- sans-serif — hloov: Inter · cov qauv qhia 400, 700 · sans-serif - pom nyob rau hauv cov ntaub ntawv rho tawm tab sis tsis tau piav qhia los ntawm AI.
- Open Runde — hloov: Inter Tight · cov qauv qhia 400, 500, 600, 700, 900 · Cov ntawv tseem ceeb rau cov npe thiab kev taw qhia yog tus qauv geometric humanist, nrog rau qhov sib nrug ntawm cov ntawv me me ntawm qhov loj me; -0.04em ntawm 80px compresses lub npe rau hauv ib lub thaiv, ntseeg siab. Siv rau txhua lub npe, kev taw qhia, thiab cov ntawv loj.
- Inter — hloov: system-ui · cov qauv qhia 400, 500 · Cov ntawv nyeem theem ob thiab UI - siv rau cov ntawv me me, cov ntsiab lus navigation, thiab cov kev sib txuas hauv kab uas xav tau lub suab nyeem nruab nrab dua. Ua ke nrog Open Runde los tsim kev sib piv hierarchical.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 12-16px |
| Lub vojvoog ntawm lub pob | 100px |
| Lub vojvoog ntawm daim npav | 18px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 80-120px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Letters 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
- Integrated Biosciences — chaw kuaj mob bioluminescence thaum ib tag hmo
- Mintlify — Ib lub vaj huab saum lub rooj iav. Lub ntuj kos tes thiab cov ntaub ntawv tau muab tso ua ke - tib qho chaw uas xim thiab lub tswv yim sib tsoo ua ntej nplooj ntawv ploj mus ua dawb huv.
- Gleap — Ib qho chaw ua haujlwm kho kom zoo nkauj nrog cov xim sov sov nrog cov xim graphite - ib lub studio uas cov xim dub matte zoo li ntab saum cov qauv ntaub linen.
- Render — Tus qauv tsim yog ua los ntawm txhuas txhuam. Lub interface zoo li daim ntawv engineering huv si, geometric—qhov chaw dawb, cov kab nyias nyias, thiab ib kab xim av uas rub cov neeg saib rau qhov kev nqis tes ua.
- Grafbase — kos duab engineering rau ntawm marble txias
- Slash — Lub tsev khaws puav pheej nruab hmo nrog cov phau ntawv gilded
- Modal — Lub davhlau ya nyob twg phosphorescent hauv chav tsaus ntuj - tsuas yog lub teeb ci ntsa iab xwb
- Whimsical — Xim txiv duaj nplua nuj rau ntawm keeb kwm yav dhau los ntawm xim lavender—ib phau ntawv sau ua haujlwm hauv studio uas siv tau ua lub rooj tsavxwm dawb.
- AgentQL — Teeb Northern hla lub davhlau ya nyob twg thaum hmo ntuj
- Alveos One — Ib qho chaw nyob zoo nkauj ua los ntawm cov pob zeb ntawm tus dej - ib chav nyob ntsiag to, kaj lug uas muaj ib yam khoom graphite nyob hauv lub teeb daj mos mos.
- GitHub — Ib lub vaj huam sib luag hais kom ua qhov chaw nrog cov chaw tswj hwm bioluminescent - qhov chaw ua haujlwm tsaus ntuj, huab cua uas ib lub teeb ntsuab taw qhia txoj kev mus tom ntej.
- Buddy — Ib daim duab kos engineering rau ntawm daim ntawv graph. Qhov chaw kos duab dawb muaj ib daim grid uas tsis pom tseeb, siv cov kua dub ze li dub, nrog rau cov cim fluorescent ntsuab thiab cov kab txaij gradient iridescent.