Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukutviklerUtvikling av AI-verktøy for bedrifter. Høy kvalitet. Rimelig.Skriv på Telegram
Creative Giants — en forhåndsvisning av et nettsted i denne stilen

Creative Giants

Storformat redaksjonell plakat på kremfarget papir

Creative Giants ser ut som et overdimensjonert artbook-oppslag, gjengitt i kode: et varmt, kremaktig lerret, tynne marger og skrift så stor at det føles mer som en plakat enn en overskrift. Hele systemet opererer på negativ plass og en enkelt, lett størrelse (300) – overskrifter er knapt hørbare ved 64–84 piksler, i stedet for å skille seg ut i fet skrift, og bokstavavstanden minker kraftig (-0,04 em) etter hvert som skriftstørrelsen øker, slik at ordene virker meislet i stedet for å være avskallet. Fargeskjemaet er fordelt i små, mettede penselstrøk: levende lilla, dyp turkis, lyseblå, knallrosa, mint og marineblå vises som kortflater eller aksenter, i stedet for bakgrunnsfyll. De interaktive elementene er svarte former på en kremfarget bakgrunn med helt avrundede (1440 piksler) radier, mens kromelementene er nesten usynlige – en enkelt rund logo og "Meny"-knappen flyter i det hvite rommet. Det visuelle konseptet er et produksjonsstudios kontaktark: én stor overskrift, ett bilde i full bredde, én stille linje med metatekst. Annenhver side skal følge samme lakoniske stil.

Fullfyllende sideoppsett: Det er ingen beholder med maksimal bredde; innholdet tar opp hele sidens bredde med like marger på venstre og høyre side (16–32 piksler på mobil, 32+ piksler på datamaskin). Hovedoverskriften er en enkelt, stor overskrift («KREATIVE KJEMPER» på 84 piksler) som tar opp omtrent 40 % av visningsporten, umiddelbart etterfulgt av et fullfyllende bilde med en metatag i nedre venstre hjørne og et titteloverlegg. Seksjonsrytmen er monolittisk: hver ny seksjon begynner med en liten mengde tekst i store bokstaver og en forklaring, atskilt med 48–64 piksler hvitt mellomrom – det er ingen vekslende mørke/lyse bånd bortsett fra ett invertert marineblått aksentkort. Innholdet er venstrejustert; det er ingen sentrerte blokker bortsett fra hovedoverskriften. Nyhets-/casestudieseksjonen bruker et rutenett med tre kolonner med en flytende pilblokk til høyre. Navigering gjøres gjennom en enkelt toppoverskrift – uten en sidefelt eller forankrede elementer utover selve overskriften. Den overordnede layouten er romslig og i samsvar med den redaksjonelle stilen: hver seksjon puster, og hvitt rom er det primære strukturelle elementet.

Redaksjonell fotografering dominerer designet: bilder opptar hele sidens bredde, med skarpe vinkler og ingen overlappinger eller avrundede masker. Stilen heller mot dokumentarisk og atmosfærisk – rynkete hender, offentlige installasjoner og uformelle bilder av mennesker – uten noen gang å bruke iscenesatt produktfotografering. Bilder presenteres alltid i stor skala (visning i full bredde eller som fyller hele kortet), så designenheten er fotografiet, ikke brukergrensesnittet. Det finnes ingen illustrasjoner, 3D-modeller eller produktmodeller. Ikonografien er minimal: en enkelt liten sirkulær logo, omrissvinkeltegn på karusellkontroller og lette brukergrensesnittikoner med en 1 piksel omriss. Bildetettheten bestemmes av selve bildet, og tekst fungerer som et diskret annotasjonslag under eller over fotografiet.

Palett

Merke

  • Magenta Bloom #8a0467 — Rosa brukes som en sekundær aksent for dekorative detaljer og for å fremheve mindre ofte brukte søk. Den bør ikke brukes som primærfarge for en handlingsfremmende oppfordring.
  • Forest Teal #03624c — En rik merkefarge for kortrammer og dekorative detaljer; kombinert med Magenta Bloom for en tofarget finish.

Nøytral

  • Bone White #fffef7 — Lerretet, pappoverflatene og teksten på mørke aksenter har en varm, kremet nyanse som erstatter den rene #ffffff og gir hele systemet en papiraktig, trykt følelse.
  • Ink Black #000000 — Mørk farge utfyller nøytral tekst og ikoner og skaper sterk kontrast. Unngå å bruke den som primærfarge for handlingsfremmende oppfordringer.
  • Graphite #666666 — Sekundær brødtekst, bildetekster, metadata og støttetekst skyves inn i bakgrunnen slik at hovedteksten dominerer.
  • Ash #aaaaaa — Kanter for inndatafelt, farge for inaktive lenker, tertiære separatorer – en myk strukturell grå farge som forsvinner når den ikke trengs.
  • Charcoal Scale #4d4c4a — En medium nøytral farge for listekantene, med en subtil kontrastforsterkning på den mørke gradientbanen – varm grå i stedet for blågrå.
  • Powder Blue #a5c8eb — En myk fargeaksent – postkortbakgrunner, uskarpe bakgrunner, dempede illustrasjonsfyll – kjøler ned en varm bakgrunn uten å skape konkurranse.

Typografi

fra 12 til 84 piksler · 7 trinn

  • Switzer — erstatning: Inter (300 · omriss 300, 400 · Et system med én skrifttype: 300 vekt for alle visningselementer og overskrifter (12–84 piksler), 400 vekt for brødtekst, metadata og brukergrensesnittkontroller. Det foretrukne alternativet er å bruke 300 vekt ved størrelser på 64–84 piksler – de fleste systemer bruker en fet skrifttype på 700–800 her; den lystonede Switzer-skrifttypen beholder tynne linjer, noe som skaper inntrykk av retusjert skrift på et kremfarget lerret. Tettere bokstavavstand etter hvert som størrelsen øker (-0,04 em ved 84 piksler, -0,018 em ved 14 piksler) holder de indre mellomrommene åpne uten å skape en sparsom følelse.

Intervaller og form

HensiktBetydning
Tetthetgjennomsnittlig
Grunnleggende trinn8px
Knapperadius1440px
Kortradius0px
Skyggeringen grenser i stedet for skygger
Mellom seksjoner64px

AI vil bygge nettstedet ditt i Creative Giants -stil og fylle det

  • Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
  • Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
  • Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
  • Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.

Lignende stiler

  • ElevenLabs — Et fotoessay i varme kremfarger med diskré overskrifter. En notatbok i Bauhaus-stil – eggeskallfarget papir, svart blekk og en enkelt lilla og oransje aksent for produktfremvisning.
  • monopo saigon — En flytende, iriserende glød bak den redaksjonelle stillheten – et monokromt redaksjonelt galleri som flyter på smeltet lys
  • Awesomic — Redaksjonelt sinknett med oransje tegnsettingstegn som minner om konfetti
  • Monad — redaksjonell teknisk tidsskrift på varmt pergament
  • Dub — Links kontrollpanel for matt rispapir
  • Seline Analytics — Et stille analytisk bord på varmt papir
  • Notion — En varm papirnotatbok i middagssolen
  • Hyer Aviation — Skumring i cockpiten over pergament. Den bleke daggryhimmelen møter den flykroppsstore serif-logoen, og en enkel varm leireaksent bryter den monokrome tilbakeholdenheten.
  • Anthropic — Et vitenskapelig felttidsskrift på varmt vellum – rolige elfenbensfargede overflater, seriferte redaksjonelle overskrifter og en enkelt leireaksent som bare dukker opp når handling er nødvendig.
  • Calendly — Mørkeblått blekk på kald marmor
  • Augen Pro — Apples hvite presentasjon har en klinisk, vektløs, elektrisk blåfarge som eneste aksent i et monokromt rom.
  • OFF+BRAND. — Iriserende kule på varmt pergament