ElevenLabs
Un reportage fotografico dai toni caldi color crema con titoli delicati. Un taccuino in stile Bauhaus: carta color guscio d'uovo, inchiostro nero e un unico accento viola e arancione per la presentazione del prodotto.
ElevenLabs lavora con uno stile minimalista caldo e bianco: una tela color guscio d'uovo (#fdfcfc) con testo nero e un singolo strato di superfici color tortora caldo (#f5f3f1). L'identità del marchio è sobria e sicura: il carattere Waldenburg 300, quasi impercettibile, evidenzia i titoli con estrema chiarezza (-0,02em), mentre Inter 400/500 conferisce a tutto il resto una calma neutralità. Due colori d'accento, il viola vibrante #0447ff e l'arancione acceso #ff4704, risaltano solo negli elementi visivi del prodotto (sfere sonore, icone del prodotto), mai come effetto cromato nell'interfaccia utente. I componenti rimangono piatti o leggermente in rilievo con bordi sottili di 1px, ampi raggi di 20px sulle schede e pulsanti completamente riempiti di 9999px. Il sistema ricorda uno studio Bauhaus su carta color crema: sobrio, editoriale e tecnicamente preciso.
Le sezioni a tutta larghezza sono disposte verticalmente in un'unica colonna centrale di larghezza massima con margini esterni di 1280px. La sezione principale è asimmetrica: il titolo è allineato a sinistra al livello Waldenburg di 48px, il testo descrittivo è allineato a destra e due pulsanti a forma di pillola si trovano sotto il titolo. Sotto la sezione principale si trova un'ampia barra di navigazione a schede che si estende per tutta la larghezza del contenuto. Le sezioni si alternano tra sfondi color guscio d'uovo e tortora con margini verticali di 96-125px. Il piè di pagina è una singola striscia compatta. La navigazione è costituita da una barra superiore minimalista: nessun comportamento fisso, nessun mega-menu. Il ritmo del contenuto rispecchia lo stile editoriale: ampio spazio bianco, un elemento visivo principale per sezione e nessuna griglia di schede sotto la sezione "Fiducia".
Il design visivo è dominato da una combinazione di colori: ampie sfumature a forma di morbide sfere sonore (cerchi di oltre 200 pixel con transizioni radiali dal viola all'arancione e al rosa) fungono da elemento grafico principale. I loghi nella sezione "Trust" sono presentati in una scala di grigi a basso contrasto su uno sfondo opaco. Le fotografie sono ridotte al minimo: non ci sono foto di lifestyle o di prodotto. L'iconografia è scarna e monocromatica (icone con contorno nero o riempite, nessuna icona cromatica). Il sistema visivo ricorda più una pubblicazione di design che un catalogo di prodotti: la sobrietà editoriale prevale sull'impatto di marketing.
Tavolozza
Marca
- Violet Spark
#0447ff— Enfasi visiva del prodotto - Appare solo nelle illustrazioni della sfera audio e nelle icone decorative del prodotto; non viene mai utilizzata per gli elementi dell'interfaccia.
Neutro
- Eggshell
#fdfcfc— La tela della pagina, le superfici dei pulsanti e le superfici delle carte hanno tonalità calde, leggermente color crema, anziché un bianco brillante, per evitare i riflessi digitali e conferire al sito la tranquillità della carta. - Warm Taupe
#f5f3f1— Strisce divisorie, cartoncini decorativi e un ulteriore livello di superficie – un gradino più profondo rispetto alla superficie opaca – creano una separazione discreta e senza bordi. - Stone
#ebe8e4— I bordi sottili, i divisori e gli sfondi delle icone sono di un grigio caldo che si colloca tra il tortora e il grigio medio, senza risultare freddo. - Ink
#000000— Che si tratti di testo nel corpo del messaggio, pulsanti pieni, navigazione o link, il nero puro funge da base per una palette di colori caldi e crea l'unico contrasto netto del sistema. - Graphite
#44403b— Corpo del testo, intestazioni di sezione: un grigio scuro caldo e delicato per testi che devono risultare incisivi senza la durezza del nero. - Smoke
#777169— Il testo principale, le descrizioni discrete e le didascalie sono in un grigio medio-caldo; lo stile dominante, leggibile ma al contempo sobrio, caratterizza le carte e i testi tematici.
Tipografia
da 10 a 48px · 8 passaggi
- Waldenburg — sostituzione: Inter (300) or Söhne Light · contorni 300 · Solo per titoli ed elementi grafici. Utilizzato nei formati 48/36/32px con un peso del carattere di 300: un carattere ultraleggero è insolito; la maggior parte dei siti web utilizza 600-700; questo carattere discreto trasmette autorevolezza attraverso la sobrietà. La spaziatura ridotta tra le lettere di -0,02em crea un maggiore accoppiamento tra le lettere nelle dimensioni maggiori. Alternative: "Inter" con peso 300 o "Söhne" con peso leggero come alternativa premium.
- Inter — sostituzione: Inter or system-ui · contorni 400, 500 · Tutto ciò che si trova fuori dallo schermo: testo del corpo, navigazione, pulsanti, link, etichette, campi di input, schede. 400 è il peso predefinito; 500 è riservato ai pulsanti e ai link evidenziati. Le dimensioni vanno da 10 a 10, con spaziatura tra le righe ridotta (1,47–1,6), dando ai paragrafi più spazio. Una piccola spaziatura tra le lettere di +1 (2) nelle dimensioni da 14 a 3 migliora la leggibilità nelle dimensioni ridotte.
- Geist Mono — sostituzione: JetBrains Mono or IBM Plex Mono · contorni 400 · Microtesto posizionato accanto al codice o al testo tecnico, a 13px: usato raramente (frequenza = 28) per etichette tecniche o metadati. Livello singolo, altezza riga elevata di 1,69.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 8-16px |
| Raggio del pulsante | 9999px |
| Raggio della carta | 20px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 96-125px |
| Larghezza del pannello | 1280px |
L'IA creerà il tuo sito web nello stile ElevenLabs e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Mollie — Un bancone in cashmere, un registro contabile scuro. Lascia ampio spazio bianco per la grafica editoriale attorno al testo nero, quindi rafforza i punti relativi al prodotto con tonalità crema calde, marroni caffè espresso e foto realistiche dei metodi di pagamento.
- Kagi — Una sala lettura separata. Create uno spazio bianco e aperto attorno a un testo in grafite audace, utilizzando delicati accenti viola e superfici dai toni pastello caldi per rompere la tranquillità.
- Milanote — Milanote è uno studio creativo specializzato. Realizziamo pagine editoriali in stile galleria utilizzando pannelli visivi fluttuanti: pareti incorniciate di scuro, spazi espositivi bianchi e screenshot che sembrano oggetti reali con una morbida profondità.
- Co2 — Un atlante climatico illuminato dalla luce invernale. Crea pagine che ricordano un paesaggio documentario aereo, dove titoli con grazie, dati codificati per categoria e immagini ghiacciate mettono in risalto ampi margini bianchi.
- GitButler — Turchese alla fine del testo. Una combinazione di titoli con grazie ad alto contrasto, sottili griglie tecniche, superfici color grafite calda e un discreto accento turchese.
- Awesomic — Rete metallica in zinco per uso editoriale con segni di punteggiatura arancioni che ricordano i coriandoli.
- Monad — Rivista tecnica editoriale sulla pergamena calda
- Dub — Pannello di controllo in carta di riso opaca di Link
- Seline Analytics — Un tranquillo tavolo analitico su carta calda
- Notion — Un quaderno di carta calda sotto il sole di mezzogiorno
- Anthropic — Un diario scientifico da campo su calda pergamena: superfici color avorio, titoli editoriali con grazie e un unico accento color argilla che compare solo quando è necessario intervenire.
- Calendly — Inchiostro blu scuro su marmo freddo