Creative Giants
Affissu editoriale di grande furmatu nantu à carta crema
Creative Giants s'assumiglia à una stesura di libru d'arte sovradimensionatu, resa in codice: una tela calda è cremosa, margini fini, è un caratteru cusì grande chì pare più un poster chè un titulu. L'interu sistema funziona cù u spaziu negativu è una sola dimensione ligera (300) - i tituli sò appena audibili à 64-84px, invece di spiccà in neru, è a spaziatura di e lettere diminuisce bruscamente (-0,04em) quandu a dimensione di u caratteru aumenta, cusì e parolle parenu cesellate invece di sbucciate. U schema di culori hè distribuitu in piccule pennellate sature: viola vibrante, turchese intensu, turchinu chjaru, rosa acceso, menta è blu marinu appariscenu cum'è superfici di carte o accenti, invece di riempimenti di fondu. L'elementi interattivi sò forme nere nantu à un fondu crema cù raggi cumpletamente arrotondati (1440px), mentre chì l'elementi cromati sò guasi invisibili - un unicu logò tondu è u buttone "Menu" flottanu in u spaziu biancu. U cuncettu visuale hè u fogliu di cuntattu di un studio di pruduzzione: un titulu enorme, una foto à piena larghezza, una linea tranquilla di metatestu. Ogni altra pagina deve seguità u listessu stile laconicu.
Layout di pagina cumpletu: Ùn ci hè micca un cuntinidore di larghezza massima; u cuntenutu occupa tutta a larghezza di a pagina cù margini uguali à manca è à diritta (16-32px nant'à u mobile, 32px+ nant'à l'urdinatore). U tìtulu principale hè un unicu tìtulu grande ("GIGANTI CREATIVI" à 84px) chì occupa circa u 40% di a finestra di visualizazione, subitu seguitatu da una foto cumpleta cù un meta tag in l'angulu in fondu à manca è una sovrapposizione di tìtulu. U ritmu di a sezione hè monoliticu: ogni nova sezione principia cù una piccula quantità di testu tuttu in maiuscule è una spiegazione, separati da 48-64px di spaziu biancu - ùn ci sò micca bande alternate scure/chiare, eccettu per una carta d'accentu Navy Ink inversa. U cuntenutu hè allinatu à manca; ùn ci sò micca blocchi centrati, eccettu per u tìtulu principale. A sezione di nutizie/studii di casi usa una griglia di trè colonne di carte cù un bloccu di freccia flottante à diritta. A navigazione si faci per mezu di una sola intestazione superiore, senza una barra laterale o alcun elementu ancoratu fora di l'intestazione stessa. A dispusizione generale hè spaziosa è coerente cù u stile editoriale: ogni sezione respira, è u spaziu biancu hè l'elementu strutturale principale.
A fotografia editoriale domina u disignu: l'imagine occupanu tutta a larghezza di a pagina, cù anguli acuti, è senza sovrapposizioni o maschere arrotondate. U stile s'inclina versu u documentariu è l'atmosfericu - mani rugose, installazioni publiche è scatti casuali di persone - senza mai aduprà a fotografia di prudutti messa in scena. L'imagine sò sempre presentate à grande scala (viewport à larghezza piena o chì riempie tutta a carta), dunque l'unità di disignu hè a fotografia, micca l'interfaccia utente. Ùn ci sò illustrazioni, mudelli 3D o mockup di prudutti. L'iconografia hè minimale: un unicu picculu logò circulare, chevron di contornu nantu à i cuntrolli di carosello è icone di l'interfaccia utente leggere cù un contornu di 1px. A densità di l'imagine hè determinata da l'imagine stessa, è u testu serve cum'è un stratu di annotazione discretu sottu o sopra a fotografia.
Paletta
Marca
- Magenta Bloom
#8a0467— U rosa hè adupratu cum'è accentu secundariu per i dettagli decorativi è per mette in risaltu e dumande di ricerca menu aduprate. Ùn deve esse adupratu cum'è culore primariu per una chjama à l'azzione. - Forest Teal
#03624c— Un culore riccu d'accentu di marca per cornici di carte è tocchi decorativi; si abbina cù Magenta Bloom per una finitura bicolore.
Neutru
- Bone White
#fffef7— A tela di a pagina, e superfici di cartone è u testu nantu à l'accenti scuri sò una tonalità calda è cremosa chì rimpiazza u #ffffff puru è dà à tuttu u sistema una sensazione di carta è stampata. - Ink Black
#000000— U culore scuru cumplementa u testu è l'icone neutre è crea un forte cuntrastu. Evitate di utilizallu cum'è culore primariu per e chjame à l'azzione. - Graphite
#666666— U testu secundariu di u corpu, e didascalie, i metadati è u testu di supportu sò spinti in u fondu per permette à u testu principale di duminà. - Ash
#aaaaaa— Bordi di u campu d'input, culore di u ligame inattivu, separatori terziari - un culore grisgiu strutturale dolce chì sparisce quandu ùn hè micca necessariu. - Charcoal Scale
#4d4c4a— Un neutru mediu per i bordi di a lista, cù un sottile aumentu di cuntrastu nantu à u percorsu di u gradiente scuru - grisgiu caldu piuttostu chè grisgiu-blu. - Powder Blue
#a5c8eb— Un accentu di culore dolce - sfondi di cartolina, sfondi sfocati, riempimenti d'illustrazioni smorzati - rinfresca un sfondate caldu senza creà cumpetizione.
Tipografia
da 12 à 84px · 7 passi
- Switzer — rimpiazzamentu: Inter (300 · contorni 300, 400 · Un sistema di caratteri unicu: pesu 300 per tutti l'elementi di visualizazione è i tituli (12–84px), pesu 400 per u testu di u corpu, i metadati è i cuntrolli di l'interfaccia utente. L'opzione preferita hè di utilizà un pesu 300 à dimensioni di 64–84px - a maiò parte di i sistemi utilizanu un carattere in grassetto di 700–800 quì; u carattere Switzer di culore chjaru mantene e linee sottili, creendu l'impressione di un caratteru aerografatu nantu à una tela crema. Una spaziatura di e lettere più stretta mentre a dimensione aumenta (-0,04em à 84px, -0,018em à 14px) mantene i spazii interni aperti, senza creà una sensazione sparsa.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | mediu |
| Passu basicu | 8px |
| Raggiu di u buttone | 1440px |
| Raggiu di a carta | 0px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 64px |
L'IA custruisce u vostru situ web in stile Creative Giants è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- ElevenLabs — Un saggio fotograficu in toni caldi di crema cù tituli suttili. Un quaderno in stile Bauhaus - carta culurata cum'è un gusciu d'ovu, inchiostru neru è un unicu accentu viola è aranciu per a presentazione di u pruduttu.
- monopo saigon — Un bagliore liquidu è iridescente daretu à u silenziu editoriale - una galeria editoriale monocromatica chì fluttua nantu à a luce fusa
- Awesomic — Maglia di zincu editoriale cù segni di punteggiatura aranciu chì ricordanu i confetti
- Monad — rivista tecnica editoriale nantu à pergamena calda
- Dub — U pannellu di cuntrollu di carta di risu opaca di Link
- Seline Analytics — Una tavula analitica tranquilla nantu à carta calda
- Notion — Un quaderno di carta calda à u sole di meziornu
- Hyer Aviation — Crepusculu in a cabina di pilotaggio sopra à a pergamena. U celu pallidu di l'alba incontra u logu serif di a dimensione di a fusoliera, è un unicu accentu d'argilla calda rompe a moderazione monocromatica.
- Anthropic — Una rivista scientifica di campu nantu à pergamena calda - superfici d'avorio calme, tituli editoriali serifati è un unicu accentu d'argilla chì appare solu quandu hè necessaria un'azione.
- Calendly — Inchiostru turchinu scuru nantu à u marmaru fretu
- Augen Pro — A presentazione bianca d'Apple presenta un turchinu elettricu clinicu, senza pesu cum'è unicu accentu in un spaziu monocromu.
- OFF+BRAND. — Sfera iridescente nantu à pergamena calda