ElevenLabs
Ib tsab ntawv sau txog duab hauv xim dawb sov so nrog cov ntawv xov xwm me me. Ib phau ntawv sau ua qauv Bauhaus—daim ntawv xim qe qe, kua dub, thiab ib daim xim ntshav thiab txiv kab ntxwv rau kev tso saib cov khoom.
ElevenLabs ua haujlwm hauv cov qauv dawb sov so thiab minimalist: ib daim ntaub canvas xim qe (#fdfcfc) nrog hom dub thiab ib txheej ntawm cov nplaim taupe sov so (#f5f3f1). Lub npe lag luam yog ntsiag to thiab ntseeg siab - Waldenburg 300 fontface uas tsis tshua muaj qhov sib txawv qhia txog cov xov xwm nrog qhov meej heev (-0.02em), thaum Inter 400/500 muab txhua yam lwm yam kev nyob ntsiag to. Ob xim accent - vibrant ntshav #0447ff thiab vibrant txiv kab ntxwv #ff4704 - tsuas yog tshwm sim hauv cov khoom pom (audiospheres, cov cim khoom), tsis yog chrome hauv UI. Cov khoom tseem tiaj tus lossis tsa me ntsis nrog cov ciam teb nyias 1px, dav 20px radii ntawm daim npav, thiab puv tag nrho 9999px nyees khawm. Lub kaw lus zoo li Bauhaus studio ntawm daim ntawv cream: txwv, kho kom zoo nkauj thiab kev ua haujlwm meej.
Cov ntu dav tag nrho tau teeb tsa ntsug hauv ib kab nruab nrab, qhov dav tshaj plaws nrog 1280px sab nraud gutters. Ntu tseem ceeb yog asymmetrical: lub npe tau teeb tsa sab laug ntawm 48px Waldenburg theem, cov lus piav qhia tau teeb tsa sab xis, thiab ob lub khawm zoo li ntsiav tshuaj nyob hauv qab lub npe. Hauv qab ntu tseem ceeb yog ib lub tabbed navigation bar loj uas nthuav dav tag nrho cov ntsiab lus dav. Cov ntu hloov pauv ntawm cov keeb kwm yav dhau los xim qe thiab taupe nrog cov gutters ntsug ntawm 96–125px. Lub footer yog ib daim kab me me, ib daim kab. Navigation yog ib qho minimalist sab saum toj bar - tsis muaj tus cwj pwm ruaj khov, tsis muaj mega-menus. Cov ntsiab lus rhythm phim cov qauv kho kom zoo nkauj: ntau qhov chaw dawb, ib qho tseem ceeb pom ib ntu, thiab tsis muaj daim npav grids hauv qab ntu "Trust".
Tus qauv tsim pom kev zoo li muaj xim zoo nkauj heev: cov xim loj loj uas zoo li cov duab plaub fab mos mos (200px+ lub voj voog uas muaj cov duab hloov pauv ntawm xim av mus rau xim txiv kab ntxwv thiab xim liab) yog lub ntsiab lus tseem ceeb ntawm daim duab. Cov cim hauv ntu "Kev Ntseeg Siab" yog muab tso rau hauv cov xim grey uas tsis sib xws nrog cov keeb kwm yav dhau los ntawm daim ntaub canvas matte. Kev thaij duab yog tsawg heev - tsis muaj cov duab ntawm kev ua neej lossis cov khoom. Cov duab kos yog tsawg thiab monochrome (cov duab dub lossis cov cim puv, tsis muaj cov cim chromatic). Lub kaw lus pom kev zoo li cov ntawv tshaj tawm tsim qauv ntau dua li cov ntawv teev khoom - kev txwv tsis pub sau ntawv tshaj tawm muaj kev cuam tshuam rau kev lag luam.
Xim av
Hom
- Violet Spark
#0447ff— Kev Pom Kev Zoo ntawm Cov Khoom - Tsuas yog tshwm sim hauv cov duab kos suab thiab cov cim khoom dai kom zoo nkauj xwb; yeej tsis siv rau cov ntsiab lus interface.
Nruab nrab
- Eggshell
#fdfcfc— Cov ntaub ntawm nplooj ntawv, cov nyees khawm, thiab cov ntawv yog sov so, me ntsis creamy, es tsis yog dawb kiag li, kom tsis txhob muaj teeb ci ntsa iab hauv digital thiab ua rau qhov chaw ntawd nyob ntsiag to zoo li ntawv. - Warm Taupe
#f5f3f1— Cov kab faib, cov ntawv dai kom zoo nkauj thiab ib qib ntxiv ntawm qhov chaw - ib kauj ruam tob dua li qhov chaw matte - tsim kom muaj kev sib cais ntsiag to, tsis muaj ciam teb. - Stone
#ebe8e4— Cov ciam teb nyias nyias, cov khoom faib, thiab cov keeb kwm yav dhau los ntawm cov cim yog xim grey sov so uas nyob nruab nrab ntawm taupe thiab grey nruab nrab yam tsis hnov txias. - Ink
#000000— Txawm nws yog cov ntawv sau hauv lub cev, cov nyees khawm puv, kev taw qhia, lossis cov kev sib txuas, cov xim dub dawb ua lub hauv paus rau cov xim sov so thiab tsim cov xim sib txawv hauv lub kaw lus. - Graphite
#44403b— Cov ntawv hauv lub cev, cov npe ntawm ntu - xim grey tsaus sov so rau cov ntawv uas xav tau kom meej meej yam tsis muaj qhov dub. - Smoke
#777169— Cov ntawv tseem ceeb, cov lus piav qhia me me, thiab cov lus piav qhia yog xim grey nruab nrab sov; cov ntawv thiab cov ntawv nyeem tau yooj yim, tab sis nyob twj ywm.
Kev sau ntawv
txij li 10 txog 48px · 8 kauj ruam
- Waldenburg — hloov: Inter (300) or Söhne Light · cov qauv qhia 300 · Tsuas yog siv rau cov ntawv sau thiab cov qauv tsim xwb. Siv rau hauv hom ntawv 48/36/32px nrog qhov hnyav ntawm 300 - cov ntawv sau sib dua yog qhov tsis zoo; feem ntau cov vev xaib siv 600-700; cov ntawv sau me me no qhia txog kev muaj cai los ntawm kev txwv. Qhov sib nrug ntawm cov ntawv me me ntawm -0.02em tsim kom muaj kev sib haum xeeb ntawm cov ntawv ntawm qhov loj dua. Lwm txoj hauv kev: "Inter" hauv qhov hnyav 300 lossis "Söhne" hauv qhov hnyav sib dua ua lwm txoj hauv kev zoo.
- Inter — hloov: Inter or system-ui · cov qauv qhia 400, 500 · Txhua yam uas tsis nyob hauv daim ntawv: cov ntawv hauv lub cev, kev taw qhia, cov nyees khawm, cov txuas, cov ntawv lo, cov teb sau ntawv, cov ntawv teev lus. 400 yog qhov hnyav uas siv rau lub neej ntawd; 500 yog siv rau cov nyees khawm thiab cov txuas uas tau hais tseg. Qhov loj me yog txij li 10 txog 10, nrog rau qhov sib nrug ntawm kab tsawg dua (1.47–1.6), muab chaw rau cov kab lus ua pa. Qhov sib nrug ntawm cov ntawv me me ntawm +1 (2) ntawm qhov loj me txij li 14 txog 3 txhim kho kev nyeem tau yooj yim ntawm qhov loj me me.
- Geist Mono — hloov: JetBrains Mono or IBM Plex Mono · cov qauv qhia 400 · Cov ntawv me me nyob ib sab ntawm cov lej lossis cov ntawv sau txog kev siv tshuab, muab tso rau ntawm 13px—tsis tshua siv (zaus = 28) rau cov ntawv cim kev siv tshuab lossis cov ntaub ntawv metadata. Ib txheej, kab loj siab ntawm 1.69.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 8-16px |
| Lub vojvoog ntawm lub pob | 9999px |
| Lub vojvoog ntawm daim npav | 20px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 96-125px |
| Qhov dav ntawm nplooj ntawv | 1280px |
AI yuav tsim koj lub vev xaib hauv hom ntawv ElevenLabs 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
- Awesomic — Cov ntawv xov xwm zinc mesh nrog cov cim kab lus txiv kab ntxwv uas zoo li confetti
- Monad — phau ntawv xov xwm txog kev kho mob ntawm daim ntawv parchment sov
- Dub — Link lub vaj huam sib luag tswj hwm daim ntawv nplej matte
- Seline Analytics — Ib lub rooj tshuaj xyuas ntsiag to ntawm daim ntawv sov
- Notion — Ib phau ntawv sau sov so hauv lub hnub nruab hnub
- Anthropic — Ib phau ntawv sau txog kev tshawb fawb txog cov ntaub vellum sov so—cov nplaim dawb mos mos, cov ntawv sau ua serifed, thiab ib qho av nplaum uas tsuas tshwm sim thaum xav tau kev nqis tes ua xwb.
- Calendly — Xim xiav tsaus nti rau ntawm marble txias
- Augen Pro — Kua cov xim dawb muaj xim xiav uas tsis hnyav, kho mob, thiab hluav taws xob ua lub ntsiab lus tseem ceeb hauv qhov chaw monochrome.
- Antimetal — Ib zaj dab neeg sau txog kev sau xov xwm ntawm daim ntawv dawb - ib tag kis sawv ntxov ntsiag to ntawm phau ntawv xov xwm tshawb fawb, qhov twg kev tswj hwm qhia txog kev ntseeg siab thiab cov ntawv serifs ua qhov hnyav.
- Perk — Txiv qaub ntsuab hluav taws xob rau ntawm daim ntawv parchment sov
- Ditto — Ib lub chaw ua haujlwm uas muaj hnub ci ntsa iab los tsim cov qauv paj ntoo qus. Cov nplaim paj dawb sov so, xim daj ci ntsa iab, cov kua xim xiav xiav tob tob, cov xim organic tawg paj tom qab daim duab.
- Officevibe — Ib phau ntawv xov xwm sau txog kev tswj hwm HR uas siv daim ntawv xim dawb sov so. Xav txog ib tsab ntawv sau txog kev tswj hwm HR, uas tau nthuav tawm ua ib yam khoom - ib daim ntawv sau ua ntawv cursive serif uas hais lus ntsiag to los ntawm lub interface xiav niaj hnub.