Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdesenvolupadorDesenvolupant eines d'IA per a empreses. Alta qualitat. Assequible.Escriure a Telegram
Creative Giants — una vista prèvia d'un lloc web amb aquest estil

Creative Giants

Pòster editorial de gran format sobre paper crema

Creative Giants sembla un llibre d'art de grans dimensions, representat en codi: un llenç càlid i cremós, marges prims i una lletra tan gran que sembla més un pòster que un titular. Tot el sistema funciona amb espai negatiu i una mida única i lleugera (300): els titulars amb prou feines són audibles a 64–84 px, en lloc de destacar en negreta, i l'espaiat entre lletres disminueix bruscament (-0,04 em) a mesura que augmenta la mida de la lletra, de manera que les paraules apareixen cincellades en lloc de pelades. L'esquema de colors es distribueix en pinzellades petites i saturades: el porpra vibrant, el turquesa intens, el blau clar, el rosa fúcsia, el menta i el blau marí apareixen com a superfícies o accents de targetes, en lloc de fons. Els elements interactius són formes negres sobre un fons crema amb radis completament arrodonits (1440 px), mentre que els elements cromats són gairebé invisibles: un únic logotip rodó i el botó "Menú" suren a l'espai blanc. El concepte visual és el full de contactes d'un estudi de producció: un titular enorme, una foto d'amplada completa, una línia silenciosa de metatext. Cada dues pàgines hauria de seguir el mateix estil lacònic.

Disseny de pàgina completa: no hi ha cap contenidor d'amplada màxima; el contingut ocupa tota l'amplada de la pàgina amb marges iguals a l'esquerra i a la dreta (16–32 px en mòbils, 32 px+ en ordinadors). L'encapçalament principal és un únic titular gran ("GEGANTS CREATIUS" a 84 px) que ocupa aproximadament el 40% de la finestra gràfica, seguit immediatament d'una foto completa amb una metaetiqueta a la cantonada inferior esquerra i un títol superposat. El ritme de la secció és monolític: cada nova secció comença amb una petita quantitat de text en majúscules i una explicació, separats per 48–64 px d'espai en blanc; no hi ha bandes alternes fosques/clares, excepte una targeta d'accent Navy Ink invertida. El contingut està alineat a l'esquerra; no hi ha blocs centrats, excepte l'encapçalament principal. La secció de notícies/estudis de casos utilitza una quadrícula de targetes de tres columnes amb un bloc de fletxa flotant a la dreta. La navegació es realitza a través d'una única capçalera superior, sense una barra lateral ni cap element ancorat més enllà de la capçalera mateixa. La distribució general és espaiosa i coherent amb l'estil editorial: cada secció respira, i l'espai blanc és l'element estructural principal.

La fotografia editorial domina el disseny: les imatges ocupen tota l'amplada de la pàgina, amb angles nítids i sense superposicions ni màscares arrodonides. L'estil s'inclina cap al documental i l'atmosfèric —mans arrugades, instal·lacions públiques i imatges casuals de persones— sense utilitzar mai fotografia de productes escenificats. Les imatges sempre es presenten a gran escala (finestra gràfica d'amplada completa o omplint tota la targeta), de manera que la unitat de disseny és la fotografia, no la interfície d'usuari. No hi ha il·lustracions, models 3D ni maquetes de productes. La iconografia és mínima: un únic logotip circular petit, chevrons de contorn als controls de carrusel i icones d'IU lleugeres amb un contorn d'1 px. La densitat de la imatge està determinada per la mateixa imatge i el text serveix com a capa d'anotació discreta sota o sobre de la fotografia.

Paleta

Marca

  • Magenta Bloom #8a0467 — El rosa s'utilitza com a accent secundari per a detalls decoratius i per ressaltar consultes de cerca menys utilitzades. No s'hauria d'utilitzar com a color principal per a una crida a l'acció.
  • Forest Teal #03624c — Un color d'accent de marca intens per a marcs de targetes i tocs decoratius; combina amb Magenta Bloom per a un acabat bicolor.

Neutral

  • Bone White #fffef7 — El llenç de la pàgina, les superfícies de cartró i el text sobre accents foscos són d'un to càlid i cremós que substitueix el #ffffff pur i dóna a tot el sistema una sensació impresa i semblant al paper.
  • Ink Black #000000 — El color fosc complementa el text i les icones neutres i crea un contrast fort. Evita utilitzar-lo com a color principal per a les crides a l'acció.
  • Graphite #666666 — El text secundari, els peus de foto, les metadades i el text de suport es posen en segon pla per permetre que el text principal domini.
  • Ash #aaaaaa — Vores del camp d'entrada, color d'enllaç inactiu, separadors terciaris: un color gris estructural suau que desapareix quan no és necessari.
  • Charcoal Scale #4d4c4a — Un neutre mitjà per a les vores de la llista, amb un subtil augment de contrast al camí de gradient fosc: gris càlid en lloc de blau grisenc.
  • Powder Blue #a5c8eb — Un accent de color suau (fons de postal, fons borrosos, il·lustracions apagades) refreda un fons càlid sense crear competència.

Tipografia

de 12 a 84px · 7 passos

  • Switzer — reemplaçament: Inter (300 · esquemes 300, 400 · Un sistema de lletra única: gruix 300 per a tots els elements de visualització i encapçalaments (12–84px), gruix 400 per al text del cos, les metadades i els controls de la interfície d'usuari. L'opció preferida és utilitzar un gruix 300 a mides de 64–84px; la majoria de sistemes utilitzen una lletra en negreta de 700–800; la lletra Switzer de to clar manté les línies primes, creant la impressió de lletra retocada sobre un llenç de color crema. Un espaiat entre lletres més ajustat a mesura que augmenta la mida (-0,04em a 84px, -0,018em a 14px) manté els espais interiors oberts, sense crear una sensació de dispersió.

Intervals i forma

PropòsitSignificat
Densitatmitjana
Pas bàsic8px
Radi del botó1440px
Radi de la targeta0px
Ombressense vores en comptes d'ombres
Entre seccions64px

La IA crearà el vostre lloc web a l'estil Creative Giants 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

  • 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.
  • monopo saigon — Una resplendor líquida i iridescent darrere del silenci editorial: una galeria editorial monocroma flotant sobre llum fosa
  • 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
  • Hyer Aviation — Crepuscle a la cabina sobre pergamí. El cel pàl·lid de l'alba es troba amb el logotip serif de la mida del fuselatge, i un únic detall d'argila càlida trenca la contenció monocromàtica.
  • 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.
  • OFF+BRAND. — Esfera iridescent sobre pergamí càlid