ElevenLabs
Traethawd llun mewn arlliwiau hufen cynnes gyda phenawdau cynnil. Llyfr nodiadau arddull Bauhaus—papur lliw plisgyn wy, inc du, ac acen borffor ac oren sengl ar gyfer arddangos cynnyrch.
Mae ElevenLabs yn gweithio mewn arddull gynnes, gwyn, minimalistaidd: cynfas lliw plisgyn wy (#fdfcfc) gyda theip du ac un haen o arwynebau lliw taupe cynnes (#f5f3f1). Mae hunaniaeth y brand yn dawel ac yn hyderus—mae'r ffont Waldenburg 300 prin yn amlwg yn tynnu sylw at y penawdau gydag eglurder eithafol (-0.02em), tra bod Inter 400/500 yn rhoi niwtraliaeth dawel i bopeth arall. Dim ond o fewn elfennau gweledol y cynnyrch (awdiosfferau, eiconau cynnyrch) y mae dau liw acen—porffor bywiog #0447ff ac oren bywiog #ff4704—yn ymddangos, byth mor grom yn y rhyngwyneb defnyddiwr. Mae cydrannau'n aros yn wastad neu ychydig yn uwch gyda ffiniau tenau 1px, radii 20px llydan ar gardiau, a botymau 9999px wedi'u llenwi'n llawn. Mae'r system yn atgoffa rhywun o stiwdio Bauhaus ar bapur hufen: cymedrol, golygyddol a manwl gywir yn dechnegol.
Mae adrannau lled llawn wedi'u trefnu'n fertigol mewn un golofn ganolog o'r lled mwyaf gyda gwteri allanol 1280px. Mae'r prif adran yn anghymesur: mae'r pennawd wedi'i alinio i'r chwith ar lefel Waldenburg 48px, mae testun y disgrifiad wedi'i alinio i'r dde, ac mae dau fotwm siâp pilsen wedi'u lleoli o dan y pennawd. O dan y prif adran mae bar llywio tab mawr sy'n rhychwantu lled cyfan y cynnwys. Mae adrannau'n newid rhwng cefndiroedd lliw plisgyn wy a thaupe gyda gwteri fertigol o 96–125px. Mae'r droedyn yn stribed cryno, sengl. Mae'r llywio yn far uchaf minimalist—dim ymddygiad sefydlog, dim mega-ddewislenni. Mae rhythm y cynnwys yn cyd-fynd â'r arddull olygyddol: digon o le gwyn, un elfen weledol brif fesul adran, a dim gridiau cardiau o dan yr adran "Ymddiriedaeth".
Mae cynllun lliw yn dominyddu'r dyluniad gweledol: mae graddiannau mawr ar ffurf sfferau sain meddal (200px+ cylchoedd gyda thrawsnewidiadau rheiddiol o borffor i oren a phinc) yn gwasanaethu fel y prif elfen graffig. Cyflwynir logos yn yr adran "Ymddiriedaeth" mewn graddfa lwyd cyferbyniad isel yn erbyn cefndir cynfas matte. Mae ffotograffiaeth yn finimalaidd—nid oes unrhyw luniau ffordd o fyw na chynnyrch. Mae'r eiconograffeg yn brin ac yn monocrom (amlinell ddu neu eiconau wedi'u llenwi, dim eiconau cromatig). Mae'r system weledol yn fwy atgoffaol o gyhoeddiad dylunio nag o gatalog cynnyrch—mae cyfyngiad golygyddol yn drech na dylanwad marchnata.
Palet
Brand
- Violet Spark
#0447ff— Pwyslais Gweledol Cynnyrch - Dim ond o fewn darluniau sffêr sain ac eiconau cynnyrch addurniadol y mae'n ymddangos; ni chaiff ei ddefnyddio byth ar gyfer elfennau rhyngwyneb.
Niwtral
- Eggshell
#fdfcfc— Mae cynfas y dudalen, arwynebau'r botymau, ac arwynebau'r cardiau yn gynnes, ychydig yn hufennog, yn hytrach na gwyn llym, er mwyn osgoi llewyrch digidol a rhoi tawelwch papur i'r wefan. - Warm Taupe
#f5f3f1— Mae stribedi rhannu, cardiau addurniadol a lefel arwyneb ychwanegol – un cam yn ddyfnach na'r arwyneb matte – yn creu gwahaniad tawel, di-ffin. - Stone
#ebe8e4— Mae ffiniau tenau, rhannwyr a chefndiroedd eiconau yn llwyd cynnes sy'n eistedd rhwng llwyd taupe a llwyd canolig heb deimlo'n oer. - Ink
#000000— Boed yn destun corff, botymau wedi'u llenwi, llywio, neu ddolenni, mae du pur yn gwasanaethu fel y sylfaen ar gyfer palet lliw cynnes ac yn creu'r unig gyferbyniad miniog yn y system. - Graphite
#44403b— Testun corff, penawdau adrannau - llwyd tywyll cynnes cynnil ar gyfer testun sydd angen bod yn gryf heb llymder du. - Smoke
#777169— Mae'r prif destun, disgrifiadau disylw, a chapsiynau mewn llwyd canolig-gynnes; arddull amlwg, darllenadwy, ond tawel y cardiau a'r testunau thematig.
Teipograffeg
o 10 i 48px · 8 cam
- Waldenburg — amnewid: Inter (300) or Söhne Light · amlinelliadau 300 · Ar gyfer penawdau ac elfennau dylunio yn unig. Wedi'i ddefnyddio mewn fformatau 48/36/32px gyda phwysau ffont o 300—mae ffont ysgafn iawn yn anghonfensiynol; mae'r rhan fwyaf o wefannau'n defnyddio 600-700; mae'r ffont cynnil hwn yn cyfleu awdurdod trwy gyfyngiad. Mae bylchau tynn rhwng llythrennau o -0.02em yn creu ffit agosach rhwng llythrennau mewn meintiau mwy. Dewisiadau eraill: "Inter" mewn pwysau 300 neu "Söhne" mewn pwysau ysgafn fel dewis arall premiwm.
- Inter — amnewid: Inter or system-ui · amlinelliadau 400, 500 · Popeth oddi ar y sgrin: testun y corff, llywio, botymau, dolenni, labeli, meysydd mewnbwn, cardiau. 400 yw'r pwysau diofyn; mae 500 wedi'i gadw ar gyfer botymau a dolenni wedi'u hamlygu. Mae'r meintiau'n amrywio o 10 i 10, gyda bylchau llinell llai (1.47–1.6), gan roi lle i baragraffau anadlu. Mae bylchau llythrennau bach o +1 (2) mewn meintiau o 14 i 3 yn gwella darllenadwyedd mewn meintiau bach.
- Geist Mono — amnewid: JetBrains Mono or IBM Plex Mono · amlinelliadau 400 · Microdestun wedi'i leoli wrth ymyl cod neu destun technegol, wedi'i osod ar 13px—anaml yn cael ei ddefnyddio (amlder = 28) ar gyfer labeli technegol neu fetadata. Haen sengl, uchder llinell fawr o 1.69.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 8-16px |
| Radiws botwm | 9999px |
| Radiws y cerdyn | 20px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 96-125px |
| Lled y dudalen | 1280px |
Bydd AI yn adeiladu eich gwefan yn null ElevenLabs ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Awesomic — Rhwyll sinc olygyddol gyda marciau atalnodi oren yn atgoffa rhywun o gonffeti
- Monad — cyfnodolyn technegol golygyddol ar femrwn cynnes
- Dub — Panel rheoli papur reis matte Link
- Seline Analytics — Tabl dadansoddol tawel ar bapur cynnes
- Notion — Llyfr nodiadau papur cynnes yn haul canol dydd
- Anthropic — Cylchgrawn maes gwyddonol ar femrwn cynnes—arwynebau ifori tawel, penawdau golygyddol â serifau, ac acen glai sengl sy'n ymddangos dim ond pan fo angen gweithredu.
- Calendly — Inc glas tywyll ar farmor oer
- Augen Pro — Mae cyflwyniad gwyn Apple yn cynnwys glas trydan clinigol, dibwysau fel yr unig acen mewn gofod monocrom.
- Antimetal — Cronicl golygyddol ar bapur hufen—bore tawel mewn cyfnodolyn gwyddonol, lle mae cymedroli yn cyfleu hyder a serifau yn gwneud y gwaith trwm
- Perk — Calch trydan ar bapur memrwn cynnes
- Ditto — Gweithdy heulog yn creu samplau o flodau gwyllt. Arwynebau hufen cynnes, lliw sylfaen melyn bywiog, inciau glas tywyll dwfn, ffurfiau lliw organig yn blodeuo y tu ôl i'r darn.
- Officevibe — Cylchgrawn golygyddol ar bapur lliw hufen cynnes. Dychmygwch draethawd meddylgar ar reoli AD, wedi'i gyflwyno fel cynnyrch—ffont serif cyrsif yn sibrwd trwy ryngwyneb glas modern.