ElevenLabs
Un assaig fotogràfic en tons crema càlids amb titulars subtils. Un quadern d'estil Bauhaus: paper color closca d'ou, tinta negra i un únic detall morat i taronja per a la presentació del producte.
ElevenLabs treballa amb un estil minimalista blanc i càlid: un llenç de color closca d'ou (#fdfcfc) amb lletra negra i una sola capa de superfícies de color taupe càlides (#f5f3f1). La identitat de marca és tranquil·la i segura: la tipografia Waldenburg 300, gairebé invisible, ressalta els titulars amb una claredat extrema (-0,02 em), mentre que Inter 400/500 dóna a tot la resta una neutralitat tranquil·la. Dos colors d'accent, el porpra vibrant #0447ff i el taronja vibrant #ff4704, només destaquen dins dels elements visuals del producte (audiosferes, icones de producte), mai com a crom a la interfície d'usuari. Els components romanen plans o lleugerament en relleu amb vores primes d'1 px, radis amplis de 20 px a les targetes i botons completament plens de 9999 px. El sistema recorda un estudi Bauhaus sobre paper crema: sobri, editorial i tècnicament precís.
Les seccions d'amplada completa estan disposades verticalment en una sola columna central d'amplada màxima amb marcs exteriors de 1280 px. La secció principal és asimètrica: l'encapçalament està alineat a l'esquerra al nivell de Waldenburg de 48 px, el text de la descripció està alineat a la dreta i dos botons en forma de píndola es troben sota l'encapçalament. A sota de la secció principal hi ha una gran barra de navegació amb pestanyes que abasta tota l'amplada del contingut. Les seccions alternen entre fons de color closca d'ou i marró clar amb marcs verticals de 96–125 px. El peu de pàgina és una sola franja compacta. La navegació és una barra superior minimalista: sense comportament fix, sense megamenús. El ritme del contingut coincideix amb l'estil editorial: molt d'espai en blanc, un element visual principal per secció i sense quadrícules de targetes sota la secció "Confiança".
El disseny visual està dominat per una combinació de colors: grans degradats en forma d'esferes d'àudio suaus (cercles de més de 200 px amb transicions radials del morat al taronja i al rosa) serveixen com a element gràfic principal. Els logotips de la secció "Confiança" es presenten en una escala de grisos de baix contrast sobre un fons de llenç mat. La fotografia és mínima: no hi ha fotos d'estil de vida ni de productes. La iconografia és escassa i monocroma (icones de contorn negre o plenes, sense icones cromàtiques). El sistema visual recorda més una publicació de disseny que un catàleg de productes: la contenció editorial preval sobre l'impacte del màrqueting.
Paleta
Marca
- Violet Spark
#0447ff— Èmfasi visual del producte: només apareix dins de les il·lustracions d'esferes d'àudio i les icones decoratives del producte; mai s'utilitza per a elements d'interfície.
Neutral
- Eggshell
#fdfcfc— El llenç de la pàgina, les superfícies dels botons i les superfícies de les targetes són càlides, lleugerament cremoses, en lloc d'un blanc intens, per evitar els reflexos digitals i donar al lloc la calma del paper. - Warm Taupe
#f5f3f1— Les tires divisòries, les targetes decoratives i un nivell de superfície addicional (un pas més profund que la superfície mat) creen una separació silenciosa i sense vores. - Stone
#ebe8e4— Les vores primes, els divisors i els fons d'icones són d'un gris càlid que es troba entre el gris topo i el gris mitjà sense donar la sensació de fred. - Ink
#000000— Tant si es tracta de text del cos, botons omplerts, navegació o enllaços, el negre pur serveix de base per a una paleta de colors càlids i crea l'únic contrast nítid del sistema. - Graphite
#44403b— Text del cos, encapçalaments de secció: un gris fosc càlid i subtil per a text que ha de ser impactant sense la duresa del negre. - Smoke
#777169— El text principal, les descripcions discretes i els peus de foto són d'un gris mitjà-càlid; l'estil dominant, llegible però tranquil, de les cartes i els textos temàtics.
Tipografia
de 10 a 48 px · 8 passos
- Waldenburg — reemplaçament: Inter (300) or Söhne Light · esquemes 300 · Només per a encapçalaments i elements de disseny. S'utilitza en formats de 48/36/32 px amb un gruix de lletra de 300: una lletra ultralleugera no és convencional; la majoria de llocs web utilitzen 600-700; aquesta lletra subtil transmet autoritat a través de la moderació. L'espaiat ajustat entre lletres de -0,02 em crea un ajust més ajustat entre les lletres en mides més grans. Alternatives: "Inter" amb un gruix de 300 o "Söhne" amb un gruix lleuger com a alternativa premium.
- Inter — reemplaçament: Inter or system-ui · esquemes 400, 500 · Tot fora de la pantalla: text del cos, navegació, botons, enllaços, etiquetes, camps d'entrada, targetes. 400 és el gruix per defecte; 500 està reservat per a botons i enllaços ressaltats. Les mides van de 10 a 10, amb un espaiat entre línies reduït (1,47–1,6), cosa que dóna espai als paràgrafs per respirar. Un espaiat entre lletres petit de +1 (2) a mides de 14 a 3 millora la llegibilitat a mides petites.
- Geist Mono — reemplaçament: JetBrains Mono or IBM Plex Mono · esquemes 400 · Microtext situat al costat del codi o text tècnic, posicionat a 13 px; rarament s'utilitza (freqüència = 28) per a etiquetes tècniques o metadades. Una sola capa, alçada de línia gran d'1,69.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 8-16px |
| Radi del botó | 9999px |
| Radi de la targeta | 20px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 96-125px |
| Amplada de la pàgina | 1280px |
La IA crearà el vostre lloc web a l'estil ElevenLabs i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Awesomic — Malla de zinc editorial amb signes de puntuació taronges que recorden confeti
- Monad — revista tècnica editorial en pergamí calent
- Dub — Tauler de control de paper d'arròs mat de Link
- Seline Analytics — Una taula analítica silenciosa sobre paper calent
- Notion — Un quadern de paper calent al sol del migdia
- Anthropic — Una revista científica de camp sobre vitel·la càlida: superfícies d'ivori tranquil·les, encapçalaments editorials amb serigrafia i un únic accent d'argila que només apareix quan cal actuar.
- Calendly — Tinta blava fosca sobre marbre fred
- Augen Pro — La presentació blanca d'Apple presenta un blau elèctric clínic, ingràvid i com a únic accent en un espai monocrom.
- Antimetal — Una crònica editorial en paper crema: un matí tranquil en una revista científica, on la contenció transmet confiança i les serifes fan la feina més pesada.
- Perk — Llima elèctrica sobre paper de forn calent
- Ditto — Un taller assolellat creant mostres de flors silvestres. Superfícies crema càlides, un color base groc vibrant, tintes blau marí intens, formes de color orgàniques que floreixen darrere la peça.
- Officevibe — Una revista editorial en paper de color crema càlid. Imagineu-vos un assaig reflexiu sobre la gestió de recursos humans, presentat com un producte: una font cursiva serif que xiuxiueja a través d'una interfície blava moderna.