Creative Giants
Storformatsaffisch på krämfärgat papper
Creative Giants ser ut som ett överdimensionerat artbook-uppslag, återgivet i kod: en varm, krämig duk, tunna marginaler och text så stor att den känns mer som en affisch än en rubrik. Hela systemet arbetar med negativt utrymme och en enda, lätt storlek (300) – rubriker är knappt hörbara vid 64–84px, snarare än att sticka ut i fetstil, och bokstavsavståndet minskar kraftigt (-0,04em) när textstorleken ökar, så orden verkar mejslade snarare än avskalade. Färgschemat är fördelat i små, mättade penseldrag: vibrerande lila, djupt turkos, ljusblått, knallrosa, mint och marinblått visas som kortytor eller accenter, snarare än bakgrundsfyllningar. De interaktiva elementen är svarta former på en krämfärgad bakgrund med helt rundade (1440px) radier, medan de kromade elementen är nästan osynliga – en enda rund logotyp och "Meny"-knappen flyter i det vita utrymmet. Det visuella konceptet är en produktionsstudios kontaktblad: en enorm rubrik, ett foto i full bredd, en tyst rad metatext. Varannan sida ska följa samma lakoniska stil.
Fullständig sidlayout: Det finns ingen maxbredd; innehållet tar upp hela sidans bredd med lika stora marginaler till vänster och höger (16–32 pixlar på mobil, 32+ pixlar på dator). Huvudrubriken är en enda, stor rubrik ("KREATIVA JÄTTAR" vid 84 pixlar) som tar upp cirka 40 % av visningsområdet, omedelbart följt av ett fullständigt foto med en metatagg i det nedre vänstra hörnet och ett titelöverlägg. Sektionsrytmen är monolitisk: varje nytt avsnitt börjar med en liten mängd versaler och en förklaring, separerade med 48–64 pixlar vitt utrymme – det finns inga alternerande mörka/ljusa band förutom ett inverterat marinblått accentkort. Innehållet är vänsterjusterat; det finns inga centrerade block förutom huvudrubriken. Nyhets-/fallstudieavsnittet använder ett trekolumnsrutnät med kort med ett flytande pilblock till höger. Navigering sker via en enda övre rubrik – utan en sidofält eller några förankrade element bortom själva rubriken. Den övergripande layouten är rymlig och i linje med den redaktionella stilen: varje avsnitt andas, och vitt utrymme är det primära strukturella elementet.
Redaktionell fotografi dominerar designen: bilder upptar hela sidans bredd, med skarpa vinklar och inga överlappningar eller rundade masker. Stilen lutar åt dokumentärt och atmosfäriskt – rynkade händer, offentliga installationer och vardagliga bilder av människor – utan att någonsin använda iscensatt produktfotografering. Bilder presenteras alltid i stor skala (fullbreddsvy eller som fyller hela kortet), så designenheten är fotografiet, inte användargränssnittet. Det finns inga illustrationer, 3D-modeller eller produktmodeller. Ikonografin är minimal: en enda liten cirkulär logotyp, konturvinklar på karusellkontroller och lätta UI-ikoner med en 1px-kontur. Bilddensiteten bestäms av själva bilden, och texten fungerar som ett diskret anteckningslager under eller ovanför fotografiet.
Palett
Stämpla
- Magenta Bloom
#8a0467— Rosa används som en sekundär accentfärg för dekorativa detaljer och för att framhäva mindre frekvent använda sökfrågor. Den bör inte användas som primärfärg för en uppmaning till handling. - Forest Teal
#03624c— En rik accentfärg för kortramar och dekorativa detaljer; kombineras med Magenta Bloom för en tvåfärgad finish.
Neutral
- Bone White
#fffef7— Duken, kartongytorna och texten på mörka accenter har en varm, krämig nyans som ersätter den rena #ffffff och ger hela systemet en pappersaktig, tryckt känsla. - Ink Black
#000000— Mörk färg kompletterar neutral text och ikoner och skapar stark kontrast. Undvik att använda den som primärfärg för uppmaningar till handling. - Graphite
#666666— Sekundär brödtext, bildtexter, metadata och stödtext flyttas in i bakgrunden för att låta huvudtexten dominera. - Ash
#aaaaaa— Inmatningsfältsgränser, inaktiv länkfärg, tertiära avgränsare - en mjuk strukturell grå färg som försvinner när den inte behövs. - Charcoal Scale
#4d4c4a— En medelneutral nyans för listkanterna, med en subtil kontrastökning på den mörka gradientbanan – varm grå snarare än blågrå. - Powder Blue
#a5c8eb— En mjuk färgaccent – vykortsbakgrunder, suddiga bakgrunder, dämpade illustrationsfyllningar – kyler ner en varm bakgrund utan att skapa konkurrens.
Typografi
från 12 till 84px · 7 steg
- Switzer — ersättning: Inter (300 · konturer 300, 400 · Ett system med ett enda teckensnitt: 300 vikt för alla visningselement och rubriker (12–84px), 400 vikt för brödtext, metadata och UI-kontroller. Det föredragna alternativet är att använda 300 vikt vid storlekar på 64–84px – de flesta system använder ett fetstilteckensnitt på 700–800 här; det ljusa Switzer-teckensnittet bibehåller tunna linjer, vilket skapar intrycket av retuscherad typsnitt på en krämfärgad duk. Stramare bokstavsavstånd när storleken ökar (-0,04em vid 84px, -0,018em vid 14px) håller de inre utrymmena öppna utan att skapa en gles känsla.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | genomsnitt |
| Grundläggande steg | 8px |
| Knappradie | 1440px |
| Kortradie | 0px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 64px |
AI kommer att bygga din webbplats i Creative Giants -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- ElevenLabs — En fotoessä i varma krämfärgade toner med diskreta rubriker. En anteckningsbok i Bauhaus-stil – äggskalfärgat papper, svart bläck och en enda lila och orange accentfärg för produktpresentation.
- monopo saigon — En flytande, skimrande glöd bakom den redaktionella tystnaden – ett monokromt redaktionellt galleri som svävar på smält ljus
- Awesomic — Redaktionellt zinknät med orange skiljetecken som påminner om konfetti
- Monad — redaktionell teknisk tidskrift på varmt pergament
- Dub — Links kontrollpanel för matt rispapper
- Seline Analytics — Ett tyst analysbord på varmt papper
- Notion — En varm pappersbok i middagssolen
- Hyer Aviation — Skymning i cockpiten över pergament. Den bleka gryningshimlen möter den flygkroppsstora serif-logotypen, och en enda varm leraaccent bryter den monokroma återhållsamheten.
- Anthropic — En vetenskaplig fälttidskrift på varmt vellum – lugna elfenbensfärgade ytor, serifferade redaktionella rubriker och en enda leraccent som bara dyker upp när handling behövs.
- Calendly — Mörkblått bläck på kall marmor
- Augen Pro — Apples vita presentation har en klinisk, viktlös, elektrisk blå nyans som enda accent i ett monokromt utrymme.
- OFF+BRAND. — Skimrande sfär på varmt pergament