Superhuman
Pawg neeg kho xov xwm teev kub
Superhuman hla qhov kev sib tshuam ntawm kev thaij duab kho kom zoo nkauj thiab software UI—ib daim ntaub sov so, zoo li parchment (yeej tsis yog dawb huv) ua rau cov ntsiab lus ntawm maroon branding thiab cov xim ntshav ci ntsa iab. Cov ntawv xov xwm, teeb tsa hauv 460 font, hais lus ntsiag to es tsis txhob qw, tso cai rau kev thaij duab cinematic puv nplooj ntawv ua qhov hnyav, thaum cov ntawv UI khoom translucent ntab zoo li iav saum cov duab. Lub palette tseem nyob twj ywm thiab kho kom zoo nkauj feem ntau ntawm lub sijhawm: cov nplaim cream, cov ntawv charcoal, cov ciam teb sov-grey me ntsis, thiab qhov sib nrug dav ntawm cov ntsiab lus, nrog rau xim tseg rau kev cim hom lag luam—ib qho kev hu rau kev ua haujlwm maroon, cov txuas ntshav, lub pob ntxiv lilac me ntsis. Lub kaw lus txhob txwm zam cov duab ntxoov ntxoo thiab gradients ntawm cov nplaim UI; Qhov tob yog ua tiav los ntawm kev thaij duab layered thiab keeb kwm yav dhau los me ntsis blur hauv lub npe, es tsis yog los ntawm cov nyhuv stacking.
Lub ntsiab lus tseem ceeb yog daim duab dav dav nrog lub npe tseem ceeb hauv nruab nrab (48-64px/460) thiab ib qho kev hu kom ua haujlwm puv nrog daim duab cawv, nrog rau cov ntawv qhia khoom lag luam UI uas pom tseeb uas nyob rau sab laug thiab sab xis. Hauv qab lub ntsiab lus tseem ceeb yog daim kab dawb logo stripe (6 lub cell ib kab, qhov dav tshaj plaws txwv), tom qab ntawd yog ib ntu tab nrog daim npav dawb ntawm daim ntaub parchment. Ib daim kab turquoise tsaus ua rau lub suab nrov li ob feem peb ntawm txoj kev hla nplooj ntawv - dav dav, ob kab (duab ntawm sab laug, ntawv ntawm sab xis) - tsim qhov sib piv ntawm lub suab thaum koj scroll. Ib daim kab gradient atmospheric ua raws. Qhov sib nrug ntsug ntawm cov ntu yog 64-96px. Qhov dav tshaj plaws ntawm cov ntsiab lus yog ~ 1200px hauv nruab nrab, nrog rau lub ntsiab lus tseem ceeb thiab kab tsaus uas nthuav dav tag nrho qhov dav ntawm qhov viewport. Kev navigation yog ib lub header ruaj khov nrog keeb kwm yav dhau los tsis meej; tsis muaj sidebar, tsis muaj mega menu. Lub footer yog nplooj ntawv burgundy dav dav nrog ntau kab ntawm cov kev sib txuas. Lub suab paj nruag tag nrho yog: lub thav duab tseem ceeb → cov ntsiab lus dawb/qab zib ntsiag to → kab tsaus nti nrog daim duab tseem ceeb → atmospheric gradient → burgundy footer, hloov pauv lub teeb thiab tsaus kab kom tsim tau lub suab kho kom zoo nkauj.
Lub ntsiab lus tseem ceeb ntawm kev pom yog kev thaij duab cinematic: ib daim duab dav dav tawm tsam lub ntuj qhib ua lub hauv paus tseem ceeb, nrog rau kab thib ob ntawm huab cua nyob hauv qab nplooj ntawv. Daim duab yog sov so, tsis muaj suab nrov, thiab thaij duab hauv profile, ua rau nco txog lub sijhawm kub, tsim kom muaj kev xav ntau dua li kev lag luam. Ib txoj kab tsaus nti nrog cov duab plaub fab geometric translucent thiab cov ntawv sau tes tau muab tso rau saum daim duab ntawm ib tug txiv neej uas poob rau hauv kev xav - ib qho collage ntawm cov chaw es tsis yog ib daim duab. Lub interface neeg siv tau nthuav tawm ua daim npav iav ntab uas muab tso rau ntawm daim duab, es tsis yog ua cov screenshots sib cais. Tsis muaj cov duab kos, tsis muaj 3D renders, thiab tsis muaj cov duab kho kom zoo nkauj abstract, tsuas yog rau cov kab gradient atmospheric. Cov cim yog cov cim kab monochrome minimalist, ~ 16-20px dav, nrog ib qho dav sib raug rau 460 point ntawv hnyav.
Xim av
Hom
- Midnight Wine
#421d24— Cov nyees khawm tseem ceeb, cov ntawv tshaj tawm banner, thiab cov ntawv hauv qab yog xim sov so, yuav luag dub burgundy uas zoo li kua mem ntau dua li xim liab, ua kom cov xim palette zoo nkauj yam tsis muaj zog dhau. - Royal Violet
#714cb6— 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
- Lilac Mist
#d4c7ff— Cov xim ntxiv ntawm qhov chaw, cov cim teeb, thiab cov keeb kwm yav dhau los ntawm lub pob dab muaj xim ntshav uas qhia txog tus qauv ntawm lub hom lag luam yam tsis tau rub kev saib xyuas rau nws tus kheej ntau dhau. - Deep Lagoon
#0c4243— Lub keeb kwm yav dhau tsaus ntuj rau daim kab xev, siv ua lub ntsiab lus piav qhia, yog tib qho chaw tsaus ntuj hauv lub kaw lus, ua ke nrog tus qauv geometric overlaid. - Warm Parchment
#f2f0eb— Qhov chaw ua haujlwm ntawm nplooj ntawv yog qhov tseem ceeb; xim dawb sov so hloov dawb ua lub hauv paus, ua rau tag nrho lub kaw lus sov so. - Soft Mist
#e3e3e2— Cov ciam teb zoo nkauj, cov kab kos ntawm daim npav, cov kab faib—xim grey sov so uas sib xyaw nrog daim ntawv parchment tab sis qhia meej txog cov npoo. - Ink Charcoal
#292827— Cov ntawv sau hauv lub cev, cov npe, cov duab kos - xim sov so, yuav luag dub nrog xim av txaus kom zoo li kua mem ntawm daim ntawv, yeej tsis txias #000 - Stone Gray
#666666— Cov ntawv theej thib ob, cov ntawv txhawb nqa, cov lus piav qhia zais cia - ib qho xim grey nruab nrab, siv tsawg tsawg kom tsis txhob sib tw nrog cov ntawv tseem ceeb.
Kev sau ntawv
txij li 12 mus rau 64px · 8 kauj ruam
- Super Sans VF — hloov: Inter (closest open equivalent for variable weight range) · cov qauv qhia 460, 500, 540, 600, 700 · Ib daim ntawv sau hauv tag nrho lub kaw lus. Cov hloov pauv axis nthuav dav ntawm 460 (ib daim ntawv kos npe, me ntsis txiav rau txhua cov ntawv loj) mus rau 540 (cov ntawv tseem ceeb) thiab 700 (cov lus piav qhia me me, tuab). Ib qho VF tsim tshwj xeeb ua rau cov ntawv sau 460-qhov hnyav zoo li txhob txwm ua ntau dua li haphazard - ntawm 48-64px nrog qhov sib nrug ntawm cov ntawv nruj, qhov "me ntsis txiav" nyhuv raug pom tias muaj kev ntseeg siab dua li nyias.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 16px |
| Lub vojvoog ntawm daim npav | 16px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 64-96px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Superhuman 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
- AI for Business — Chav tso duab kho kom zoo nkauj hauv cov xim grey sov so
- Jeton — Ib tsab xov xwm hais txog fintech ntawm marble sov
- Airtable — Ib lub rooj sib tham zoo nkauj nrog cov tshooj uas muaj cov xim sib txawv
- Osmo — Tsev khaws puav pheej ntawm cov neeg tsim khoom ntawm Grey Concrete
- Linktr — Cov ntawv tshaj tawm xov xwm tau muab tso ua pawg zoo li khoom qab zib. Lub vev xaib tau tsim los ua cov xim sib txawv, nrog cov ntawv xov xwm ntsuab ci ntsa iab rau ntawm phab ntsa xiav cobalt, thiab cov khoom siv qhia kev ua haujlwm zoo li tshuaj dawb uas ntab saum cov teb burgundy.
- Outsource Consultants — Ib daim ntawv kos duab loj loj uas muaj daim ntawv pob txha. Ib daim duab zoo nkauj uas muaj ib daim xim indigo ci ntsa iab cuam tshuam rau qhov sov so, uas muaj cov qauv zoo nkauj tshaj plaws.
- Streamtime — Rooj Tswjhwm Saib Xyuas Lub Siab Tactile - Rooj Tsim Qauv Scrapbooking
- Switch-Lit — Cov ntawv xov xwm luam tawm hauv cov kua mem rau ntawm daim ntawv dawb
- HubSpot — Xim ntawv xim sov so nrog ib qho xim txiv kab ntxwv. HubSpot zoo li phau ntawv xov xwm tsim qauv luam tawm rau ntawm daim ntawv hnyav—cov npe xov xwm serif, nplooj ntawv xim sov so, thiab ib qho xim txiv kab ntxwv ci ntsa iab uas tsuas yog qhia txog cov ntsiab lus tseem ceeb tshaj plaws xwb.
- Granola — Cov ntawv sau rau ntawm cov ntaub vellum sov so—Granola nyeem zoo li phau ntawv sau Moleskine uas tau hnav zoo qhib rau ntawm lub rooj uas muaj hnub ci: cov ntawv sau serif ua rau muaj kev ruaj khov, cov xim ntsuab organic zoo li cov kua mem uas ua los ntawm cov nroj tsuag, thiab cov kab zoo nkauj nyob rau ntawm ntug ntawm daim npav uas zoo li cov ntawv sau tes.
- Secure — Kev sib tham hauv ib lub khw kas fes European thaum kaj ntug yog qhov sov so thiab zoo nkauj ntawm kev hu video, qhov twg cov ntawv xov xwm serif nyeem zoo li tsab xov xwm hauv phau ntawv xov xwm zoo dua li nplooj ntawv khoom siv thev naus laus zis.
- Mockups made easy — Chav tsim qauv kho kom zoo nkauj ntawm daim ntawv dawb