Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukontwikkelaarAI-tools ontwikkelen voor bedrijven. Hoogwaardig. Betaalbaar.Stuur een Telegram-bericht
Creative Giants — een voorbeeld van een site in deze stijl

Creative Giants

Groot formaat redactionele poster op crèmekleurig papier

Creative Giants oogt als een uitvergrote pagina uit een kunstboek, maar dan in code: een warm, crèmekleurig canvas, dunne marges en een lettertype zo groot dat het meer op een poster lijkt dan op een kop. Het hele systeem werkt met negatieve ruimte en één lichte lettergrootte (300) – koppen zijn nauwelijks hoorbaar bij 64-84px, in plaats van op te vallen in vetgedrukte letters, en de letterafstand neemt sterk af (-0,04em) naarmate de lettergrootte toeneemt, waardoor de woorden eruitzien alsof ze gebeiteld zijn in plaats van afgepeld. Het kleurenschema is verdeeld in kleine, verzadigde penseelstreken: levendig paars, diep turkoois, lichtblauw, felroze, mintgroen en marineblauw verschijnen als kaartoppervlakken of accenten, in plaats van als achtergrondvullingen. De interactieve elementen zijn zwarte vormen op een crèmekleurige achtergrond met volledig afgeronde radii (1440px), terwijl de chromen elementen bijna onzichtbaar zijn – een enkel rond logo en de "Menu"-knop zweven in de witte ruimte. Het visuele concept is een contactvel van een productiestudio: één enorme kop, één foto over de volledige breedte, één stille regel metatekst. Elke andere pagina moet dezelfde beknopte stijl volgen.

Pagina-indeling die de volledige breedte beslaat: Er is geen container met maximale breedte; de inhoud vult de hele pagina met gelijke marges aan de linker- en rechterkant (16-32px op mobiel, 32px+ op desktop). De hoofdtitel is een enkele, grote kop ("CREATIEVE REUZEN" van 84px) die ongeveer 40% van het zichtbare gedeelte in beslag neemt, direct gevolgd door een foto die de volledige breedte van de pagina vult, met een meta-tag in de linkerbenedenhoek en een titeloverlay. Het ritme van de secties is monolithisch: elke nieuwe sectie begint met een kleine hoeveelheid tekst in hoofdletters en een uitleg, gescheiden door 48-64px witruimte – er zijn geen afwisselende donkere/lichte banden, behalve één omgekeerde donkerblauwe accentkaart. De inhoud is links uitgelijnd; er zijn geen gecentreerde blokken, behalve de hoofdtitel. De sectie met nieuws/casestudies maakt gebruik van een raster van kaarten met drie kolommen en een zwevend pijlblok aan de rechterkant. Navigatie verloopt via een enkele koptekst bovenaan – zonder zijbalk of andere verankerde elementen buiten de koptekst zelf. De algehele lay-out is ruimtelijk en consistent met de redactionele stijl: elke sectie krijgt voldoende ademruimte en witruimte is het belangrijkste structurele element.

Redactionele fotografie domineert het ontwerp: afbeeldingen vullen de volledige breedte van de pagina, met scherpe hoeken en zonder overlappingen of afgeronde randen. De stijl neigt naar documentaire en sfeer – gerimpelde handen, openbare installaties en spontane foto's van mensen – zonder ooit geënsceneerde productfotografie te gebruiken. Afbeeldingen worden altijd op groot formaat weergegeven (volledige breedte van het scherm of de hele kaart vullend), waardoor de foto de ontwerpeenheid is en niet de gebruikersinterface. Er zijn geen illustraties, 3D-modellen of productmockups. De iconografie is minimaal: een enkel klein rond logo, omlijnde pijlen op carrouselelementen en lichte UI-pictogrammen met een omtrek van 1 pixel. De beelddichtheid wordt bepaald door de afbeelding zelf en tekst dient als een discrete annotatielaag onder of boven de foto.

Palet

Merk

  • Magenta Bloom #8a0467 — Roze wordt gebruikt als secundair accent voor decoratieve details en om minder vaak gebruikte zoektermen te benadrukken. Het mag niet als primaire kleur voor een call-to-action worden gebruikt.
  • Forest Teal #03624c — Een rijke accentkleur voor merkkaarten en decoratieve details; te combineren met Magenta Bloom voor een tweekleurige afwerking.

Neutrale

  • Bone White #fffef7 — Het canvas van de pagina, de kartonnen oppervlakken en de tekst op de donkere accenten hebben een warme, crèmekleurige tint die het pure #ffffff vervangt en het geheel een papierachtig, gedrukt gevoel geeft.
  • Ink Black #000000 — Donkere kleuren vormen een goede aanvulling op neutrale tekst en pictogrammen en zorgen voor een sterk contrast. Vermijd het gebruik ervan als hoofdkleur voor call-to-action-knoppen.
  • Graphite #666666 — Secundaire tekst, bijschriften, metadata en ondersteunende tekst worden naar de achtergrond gedrukt zodat de hoofdtekst de boventoon voert.
  • Ash #aaaaaa — Randen van invoervelden, kleur van inactieve links, tertiaire scheidingstekens - een zachte, structurele grijze kleur die verdwijnt wanneer deze niet nodig is.
  • Charcoal Scale #4d4c4a — Een neutrale middentint voor de randen van de lijst, met een subtiele contrastverhoging op het donkere verloop - warmgrijs in plaats van blauwgrijs.
  • Powder Blue #a5c8eb — Een zacht kleuraccent – ansichtkaartachtige achtergronden, wazige achtergronden, gedempte illustratievullingen – verzacht een warme achtergrond zonder dat deze daardoor botst.

Typografie

van 12 tot 84px · 7 stappen

  • Switzer — vervanging: Inter (300 · overzichten 300, 400 · Een systeem met één lettertype: 300 gewicht voor alle weergave-elementen en koppen (12–84px), 400 gewicht voor de hoofdtekst, metadata en UI-elementen. De voorkeur gaat uit naar 300 gewicht bij lettergroottes van 64–84px – de meeste systemen gebruiken hier een vet lettertype van 700–800; het lichtgetinte Switzer-lettertype behoudt dunne lijnen, waardoor de indruk ontstaat van met airbrush aangebrachte tekst op een crèmekleurig canvas. Door de kleinere letterafstand bij toenemende lettergrootte (-0,04em bij 84px, -0,018em bij 14px) blijven de binnenruimtes open, zonder dat het er kaal uitziet.

Intervallen en vorm

DoelBetekenis
Diktegemiddeld
Basisstap8px
Knopradius1440px
Kaartradius0px
Schaduwengeen randen in plaats van schaduwen
Tussen secties64px

AI bouwt je website in de stijl Creative Giants en vult deze in.

  • Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
  • Neem de inhoud van je oude website over; geef gewoon het adres op.
  • Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
  • Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.

Vergelijkbare stijlen

  • ElevenLabs — Een fotoreportage in warme crèmekleuren met subtiele titels. Een notitieboek in Bauhaus-stijl – gebroken wit papier, zwarte inkt en een enkel paars en oranje accent voor productpresentatie.
  • monopo saigon — Een vloeibare, iriserende gloed achter de redactionele stilte – een monochrome redactionele galerij zwevend op gesmolten licht.
  • Awesomic — Redactioneel zinkgaas met oranje accenten die aan confetti doen denken
  • Monad — redactioneel technisch tijdschrift op warm perkament
  • Dub — Link's matte rijstpapier bedieningspaneel
  • Seline Analytics — Een rustige, analytische tabel op warm papier.
  • Notion — Een warm papieren notitieboekje in de middagzon.
  • Hyer Aviation — Schemering in de cockpit boven perkament. De bleke ochtendhemel raakt het schreefloze logo, dat de hele romp bedekt, en een enkel warm kleikleurig accent doorbreekt de monochrome ingetogenheid.
  • Anthropic — Een wetenschappelijk veldnotitieboek op warm perkamentpapier – rustige ivoorkleurige oppervlakken, redactionele koppen in schreeflettertype en een enkel klei-accent dat alleen verschijnt wanneer actie vereist is.
  • Calendly — Donkerblauwe inkt op koud marmer
  • Augen Pro — De witte presentatie van Apple kenmerkt zich door een klinisch, gewichtloos, elektrisch blauw als enig accent in een monochrome omgeving.
  • OFF+BRAND. — Iriserende bol op warm perkament