ElevenLabs
Usa ka photo essay sa init nga krema nga mga kolor nga adunay malumo nga mga ulohan sa balita. Usa ka notebook nga istilo sa Bauhaus—papel nga kolor sama sa kabhang sa itlog, itom nga tinta, ug usa ka purpura ug kahel nga accent para sa display sa produkto.
Ang ElevenLabs nagtrabaho sa usa ka mainiton, puti nga minimalist nga estilo: usa ka canvas nga kolor itlog (#fdfcfc) nga adunay itom nga tipo ug usa ka layer sa mainit nga taupe nga mga nawong (#f5f3f1). Ang identidad sa brand hilom ug masaligon—ang halos dili mailhan nga Waldenburg 300 nga tipo naghatag sa mga ulohan sa balita nga klaro kaayo (-0.02em), samtang ang Inter 400/500 naghatag sa tanan nga uban pa og kalmado nga neyutralidad. Duha ka kolor sa accent—hayag nga purpura #0447ff ug klaro nga orange #ff4704—mopatim-aw lamang sulod sa mga visual nga elemento sa produkto (mga audiosphere, mga icon sa produkto), dili sama sa chrome sa UI. Ang mga component nagpabilin nga patag o gamay nga gipataas nga adunay nipis nga 1px nga mga border, lapad nga 20px nga radii sa mga kard, ug hingpit nga napuno nga 9999px nga mga butones. Ang sistema nahisama sa usa ka Bauhaus studio sa krema nga papel: gipugngan, editoryal ug teknikal nga tukma.
Ang mga seksyon nga puno sa gilapdon gihan-ay nga patindog sa usa ka sentral nga kolum nga may gilapdon nga 1280px nga may gawas nga mga gutter. Ang pangunang seksyon dili simetriko: ang ulohan gi-align sa wala sa lebel nga 48px nga Waldenburg, ang teksto sa paghulagway gi-align sa tuo, ug duha ka butones nga porma og pildoras ang nahimutang sa ubos sa ulohan. Sa ubos sa pangunang seksyon adunay usa ka dako nga tabbed navigation bar nga naglangkob sa tibuok gilapdon sa sulud. Ang mga seksyon nagpuli-puli tali sa kolor sa itlog ug taupe nga mga background nga adunay bertikal nga mga gutter nga 96–125px. Ang footer usa ka compact, single strip. Ang nabigasyon usa ka minimalist nga top bar—walay piho nga pamatasan, walay mega-menu. Ang ritmo sa sulud nahiuyon sa istilo sa editoryal: daghang puti nga espasyo, usa ka pangunang biswal nga elemento matag seksyon, ug walay mga grid sa kard ubos sa seksyon nga "Trust".
Ang biswal nga disenyo gidominar sa usa ka iskema sa kolor: dagkong mga gradient sa porma sa humok nga audio spheres (200px+ nga mga lingin nga adunay radial transitions gikan sa purpura ngadto sa orange ug pink) nagsilbing pangunang elemento sa grapiko. Ang mga logo sa seksyon nga "Trust" gipresentar sa usa ka low-contrast grayscale batok sa usa ka matte nga canvas background. Minimal ra ang potograpiya—walay mga litrato sa estilo sa kinabuhi o produkto. Ang iconography kay sparse ug monochrome (itom nga outline o puno nga mga icon, walay chromatic icon). Ang biswal nga sistema mas nahisama sa usa ka publikasyon sa disenyo kaysa usa ka katalogo sa produkto—ang pagpugong sa editoryal ang nagpatigbabaw kaysa sa epekto sa marketing.
Paleta
Brand
- Violet Spark
#0447ff— Paghatag og Emphasis sa Produkto - Makita lamang sulod sa mga ilustrasyon sa audio sphere ug mga pangdekorasyon nga icon sa produkto; wala gayud gigamit para sa mga elemento sa interface.
Neutral
- Eggshell
#fdfcfc— Ang mga panid sa canvas, mga nawong sa butones, ug mga nawong sa kard init, medyo krema, imbes nga puro puti, aron malikayan ang silaw sa digital ug mahatagan ang site og kalinaw nga sama sa papel. - Warm Taupe
#f5f3f1— Ang mga divider strips, mga pangdekorasyon nga kard ug dugang nga lebel sa nawong – usa ka lakang nga mas lawom kaysa sa matte nga nawong – nagmugna og hilom ug walay utlanan nga panagbulag. - Stone
#ebe8e4— Ang nipis nga mga border, divider, ug icon backgrounds kay init nga gray nga naa sa taliwala sa taupe ug medium gray nga dili mobati og katugnaw. - Ink
#000000— Bisan kon kini body text, filled buttons, navigation, o links, ang purong itom nagsilbing pundasyon para sa usa ka mainit nga color palette ug nagmugna sa bugtong hait nga contrast sa sistema. - Graphite
#44403b— Body text, mga ulohan sa seksyon - usa ka nipis ug init nga itom nga abohon para sa teksto nga kinahanglan nga kusgan ug walay kabangis sama sa itom. - Smoke
#777169— Ang pangunang teksto, maampingong mga deskripsyon, ug mga kapsyon anaa sa medium-warm nga abuhon; ang dominante, mabasa, apan kalmado nga estilo sa mga kard ug tematikong mga teksto.
Tipograpiya
gikan sa 10 hangtod 48px · 8 ka lakang
- Waldenburg — kapuli: Inter (300) or Söhne Light · mga balangkas 300 · Para lang sa mga ulohan ug mga elemento sa disenyo. Gigamit sa 48/36/32px nga mga format nga adunay gibug-aton sa font nga 300—ang ultra-light nga font dili kasagaran; kadaghanan sa mga website naggamit og 600-700; kini nga maliputon nga font nagpakita og awtoridad pinaagi sa pagpugong. Ang hugot nga gilay-on sa mga letra nga -0.02em nagmugna og mas duol nga pagkahaom tali sa mga letra sa mas dagkong mga gidak-on. Mga alternatibo: "Inter" sa gibug-aton nga 300 o "Söhne" sa gaan nga gibug-aton isip usa ka premium nga alternatibo.
- Inter — kapuli: Inter or system-ui · mga balangkas 400, 500 · Tanan nga wala sa screen: body text, navigation, mga butones, mga link, mga label, mga input field, mga kard. 400 ang default nga gibug-aton; 500 ang gitagana para sa mga butones ug mga gi-highlight nga link. Ang mga gidak-on gikan sa 10 hangtod 10, nga adunay gipamub-an nga gilay-on sa linya (1.47–1.6), nga naghatag og luna sa mga parapo aron makaginhawa. Ang gamay nga gilay-on sa mga letra nga +1 (2) sa mga gidak-on gikan sa 14 hangtod 3 nagpauswag sa pagkabasa sa gagmay nga mga gidak-on.
- Geist Mono — kapuli: JetBrains Mono or IBM Plex Mono · mga balangkas 400 · Mikroteksto nga nahimutang tupad sa kodigo o teknikal nga teksto, nahimutang sa 13px—talagsa ra gamiton (frequency = 28) para sa mga teknikal nga label o metadata. Usa ka layer, dako nga gitas-on sa linya nga 1.69.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 8-16px |
| Radius sa butones | 9999px |
| Radius sa kard | 20px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 96-125px |
| Lapad sa panid | 1280px |
Ang AI motukod sa imong website sa estilo sa ElevenLabs ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Awesomic — Editoryal nga zinc mesh nga adunay orange nga mga marka sa bantas nga nagpahinumdom sa confetti
- Monad — teknikal nga dyornal sa editoryal bahin sa mainit nga pergamino
- Dub — Panel sa pagkontrol sa matte rice paper sa Link
- Seline Analytics — Usa ka hilom nga analytical table sa init nga papel
- Notion — Usa ka mainit nga notebook nga papel sa udto
- Anthropic — Usa ka siyentipikong field journal sa init nga vellum—kalma nga garing nga mga nawong, serifed nga mga ulohan sa editoryal, ug usa ka accent nga lapok nga makita lamang kung kinahanglan ang aksyon.
- Calendly — Itom nga asul nga tinta sa bugnaw nga marmol
- Augen Pro — Ang puti nga presentasyon sa Apple adunay klinikal, gaan, electric blue isip bugtong aksento sa usa ka monochrome nga espasyo.
- Antimetal — Usa ka kronika sa editoryal sa kremang papel—usa ka hilom nga buntag sa usa ka siyentipikong dyurnal, diin ang pagpugong nagpahayag sa pagsalig ug ang mga serif mao ang nagbuhat sa bug-at nga buluhaton
- Perk — Electric lime sa init nga parchment paper
- Ditto — Usa ka workshop nga gisidlakan sa adlaw nga naghimo og mga sample sa ihalas nga mga bulak. Mainit nga krema nga mga nawong, usa ka hayag nga dalag nga kolor sa base, lawom nga asul nga mga tinta, mga organikong kolor nga namulak sa luyo sa obra.
- Officevibe — Usa ka magasin nga editoryal sa init nga krema nga papel. Handurawa ang usa ka mahunahunaon nga sanaysay bahin sa pagdumala sa HR, nga gipresentar isip usa ka produkto—usa ka cursive serif font nga naghunghong pinaagi sa usa ka moderno nga asul nga interface.