Creative Giants
Manifesto editoriale di grande formato su carta color crema.
Creative Giants si presenta come una doppia pagina di un artbook di dimensioni extra-large, resa in codice: una tela calda e cremosa, margini sottili e caratteri così grandi da sembrare più un poster che un titolo. L'intero sistema si basa sullo spazio negativo e su un'unica dimensione leggera (300): i titoli sono appena percettibili a 64-84 pixel, anziché risaltare in grassetto, e la spaziatura tra le lettere diminuisce drasticamente (-0,04em) all'aumentare della dimensione del carattere, in modo che le parole appaiano cesellate anziché staccate. La combinazione di colori è distribuita in piccole pennellate sature: viola vibrante, turchese intenso, azzurro, fucsia, menta e blu navy appaiono come superfici o accenti delle carte, anziché come riempimenti di sfondo. Gli elementi interattivi sono forme nere su sfondo crema con raggi completamente arrotondati (1440 pixel), mentre gli elementi cromati sono quasi invisibili: un singolo logo rotondo e il pulsante "Menu" fluttuano nello spazio bianco. Il concetto visivo è quello di un provino di uno studio di produzione: un titolo enorme, una foto a tutta larghezza, una discreta riga di metatesto. Tutte le altre pagine dovrebbero seguire lo stesso stile conciso.
Layout di pagina a riempimento completo: non è presente un contenitore con larghezza massima; il contenuto occupa l'intera larghezza della pagina con margini uguali a sinistra e a destra (16-32px su dispositivi mobili, 32px+ su desktop). L'intestazione principale è un singolo titolo di grandi dimensioni ("CREATIVE GIANTS" a 84px) che occupa circa il 40% della viewport, immediatamente seguito da una foto a riempimento completo con un meta tag nell'angolo in basso a sinistra e un titolo sovrapposto. Il ritmo delle sezioni è monolitico: ogni nuova sezione inizia con una breve porzione di testo in maiuscolo e una spiegazione, separate da 48-64px di spazio bianco; non ci sono bande scure/chiare alternate, ad eccezione di una scheda di accento in blu navy invertita. Il contenuto è allineato a sinistra; non ci sono blocchi centrati, ad eccezione dell'intestazione principale. La sezione notizie/case study utilizza una griglia di schede a tre colonne con un blocco freccia fluttuante a destra. La navigazione avviene tramite un'unica intestazione superiore, senza barra laterale o altri elementi ancorati oltre all'intestazione stessa. L'impaginazione complessiva è spaziosa e coerente con lo stile editoriale: ogni sezione ha respiro e lo spazio bianco è l'elemento strutturale principale.
La fotografia editoriale domina il design: le immagini occupano l'intera larghezza della pagina, con angoli netti e senza sovrapposizioni o maschere arrotondate. Lo stile tende al documentario e all'atmosfera – mani rugose, installazioni pubbliche e scatti informali di persone – senza mai ricorrere a fotografie di prodotto in posa. Le immagini sono sempre presentate in grande formato (a larghezza intera o riempiendo l'intera scheda), quindi l'elemento di design è la fotografia, non l'interfaccia utente. Non sono presenti illustrazioni, modelli 3D o mockup di prodotto. L'iconografia è minimale: un singolo piccolo logo circolare, chevron stilizzati sui controlli del carosello e icone dell'interfaccia utente leggere con un contorno di 1 pixel. La densità delle immagini è determinata dall'immagine stessa e il testo funge da discreto livello di annotazione sotto o sopra la fotografia.
Tavolozza
Marca
- Magenta Bloom
#8a0467— Il rosa viene utilizzato come colore secondario per dettagli decorativi e per evidenziare le query di ricerca meno frequenti. Non dovrebbe essere utilizzato come colore principale per una call to action. - Forest Teal
#03624c— Un ricco colore di accento del marchio, ideale per cornici di biglietti e dettagli decorativi; si abbina perfettamente a Magenta Bloom per un effetto bicolore.
Neutro
- Bone White
#fffef7— La tela della pagina, le superfici in cartone e il testo sugli accenti scuri sono di una calda tonalità cremosa che sostituisce il puro #ffffff e conferisce all'intero sistema un aspetto cartaceo, come se fosse stampato. - Ink Black
#000000— I colori scuri si abbinano bene a testi e icone neutri e creano un forte contrasto. Evitate di usarli come colore principale per le call to action. - Graphite
#666666— Il testo secondario, le didascalie, i metadati e il testo di supporto vengono spostati in secondo piano per consentire al testo principale di risaltare. - Ash
#aaaaaa— Bordi dei campi di input, colore dei link inattivi, separatori terziari: un tenue colore grigio strutturale che scompare quando non necessario. - Charcoal Scale
#4d4c4a— Una tonalità neutra media per i bordi dell'elenco, con un leggero aumento di contrasto sul percorso sfumato scuro: grigio caldo anziché grigio-blu. - Powder Blue
#a5c8eb— Un delicato accento di colore – sfondi da cartolina, sfondi sfocati, riempimenti di illustrazioni dai toni tenui – raffredda uno sfondo caldo senza creare contrasto.
Tipografia
da 12 a 84px · 7 passaggi
- Switzer — sostituzione: Inter (300 · contorni 300, 400 · Un sistema a font unico: peso 300 per tutti gli elementi grafici e le intestazioni (12–84px), peso 400 per il corpo del testo, i metadati e i controlli dell'interfaccia utente. L'opzione preferibile è utilizzare il peso 300 per le dimensioni 64–84px: la maggior parte dei sistemi utilizza un font in grassetto da 700–800 in queste dimensioni; il font Switzer, dai toni chiari, mantiene linee sottili, creando l'impressione di testo aerografato su una tela color crema. La spaziatura tra le lettere più stretta all'aumentare delle dimensioni (-0,04em a 84px, -0,018em a 14px) mantiene gli spazi interni aperti, senza creare un effetto di spoglio.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | media |
| Passo base | 8px |
| Raggio del pulsante | 1440px |
| Raggio della carta | 0px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 64px |
L'IA creerà il tuo sito web nello stile Creative Giants 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
- 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.
- monopo saigon — Un bagliore liquido e iridescente dietro il silenzio editoriale: una galleria editoriale monocromatica che fluttua su una luce fusa.
- 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
- Hyer Aviation — Il crepuscolo nella cabina di pilotaggio su pergamena. Il pallido cielo dell'alba incontra il logo serif grande quanto la fusoliera, e un singolo accento color argilla calda rompe la sobrietà monocromatica.
- 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
- Augen Pro — La presentazione bianca di Apple presenta un blu elettrico, clinico e impalpabile, come unico accento in uno spazio monocromatico.
- OFF+BRAND. — Sfera iridescente su pergamena calda