ThoughtLab
In obsidiaanmonumint mei in karmozijnread sinjaal. In doek fan swarte leechte, dêr't it ienige verzadigde reade objekt yn 'e katedraal, printe yn grutte wite letters, in inkele chromatyske figuer is.
ThoughtLab wurket as in ûntwerptaal fan 'e Swarte Katedraal: in leech swart doek, in inkele reade puls, en typografy sa grut dat it funksjonearret as arsjitektuer. It systeem is hast folslein achromatysk - #cccccc stiet foar it lichem, #ffffff stiet foar it display - mei #fc1c46 dat allinich ferskynt foar ien primêre aksje, as in kontroleare spanningsgolf tsjin in eftergrûn fan leechte. Hiërargy wurdt boud troch skerpe skaalsprongen (198px → 14px), ynstee fan troch kleur, skaden of opfolingen. Komponinten binne gewichtleas: transparante kaarten, pilfoarmige knoppen, tinne ynfierfjilden, de ôfwêzigens fan ferhege stapeling - de pagina sykhellet troch negative romte en ticht opinoar ynpakte haadletters, ynstee fan troch konteners.
In donker doek beslacht de hiele breedte fan 'e pagina, mei brede horizontale marzjes (126px oan elke kant, wêrtroch't de ynhâldskolom nei sawat 1400px komt). De koptekst is in inkele rigel fan 72px: it logo oan de linkerkant, de slogan yn it midden, de pilfoarmige call-to-action-knop, en de hamburgerbalke oan de rjochterkant. De held is in ferdielde komposysje - in te grutte koptekst fan 198px yn haadletters oan de linkerkant mei stipetekst 18px derûnder, wylst in 3D-sfear de tekst rjochts fan it sintrum oerlapet, en it foar in part "opyt". Under de held binne seksjes yn in rom fertikaal ritme regele mei gatten fan 86-108px dertusken. De eleminten fan it wurk wurde werjûn as in list, dy't hast de hiele breedte fan 'e pagina beslacht, ynstee fan as in raster fan kaarten. Der is gjin sydbalke, gjin megamenu, gjin fuottekst mei in kolomraster - de fuottekst is in inkele, rêstige rigel mei auteursrjochtynformaasje en kontaktgegevens #4c4c4c. Navigaasje bûten de koptekst wurdt starte as in hamburgermenu yn in folslein skerm overlay.
Ofbyldings binne spar en bewust gearstald. It dominante fisuele elemint is in grutte bol fan obsidiaanfloeistof, werjûn yn WebGL - in donkere, hast swarte, 3D-foarm mei subtile blauwe en amberkleurige refleksjes lâns de râne, dy't driuwt tsjin in swarte eftergrûn en foar in part de titel oerlaapt. It funksjonearret mear as merkikonografy dan as yllustraasje. Projektminiatuerôfbyldings wurde werjûn as foto's of fideo's yn in fertikale list, presintearre fan râne oant râne sûnder râne. Gjin libbensstylfoto's, gjin stockôfbyldings, gjin dekorative gradiënten. De bol en it type binne de ienige fisuele eleminten op 'e pagina.
Palet
Merk
- Crimson Signal
#fc1c46— It wichtichste aksint is ien read elemint; it ferskynt op it ljepblêd "Kontakten", yn it merklogo, en nergens oars. Syn seldsumheid komt troch de spesifikaasjes fan it ûntwerp.
Neutraal
- Void
#000000— De eftergrûn fan 'e pagina, it doek, is de absolute basis wêrop alle oare eleminten driuwe. - Ash
#cccccc— Haad- en keppelingstekst, standert teksttoan op swart doek - keazen ynstee fan suver wyt om optyske skitter te verzachten. - Frost
#ffffff— It werjaan fan kopteksten, knoptekst, ynfierfjildtekst en opmaak is it meast promininte nivo, bedoeld foar ynhâld dy't lineêr wêze moat. - Graphite
#4c4c4c— Auteursrjocht, metatags, helptekst - mei opsetsin stilmakke om net te konkurrearjen mei de haadtekst.
Typografy
fan 10 oant 198px · 7 stappen
- sui — ferfanging: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · sketsen 300, 400, 500, 700 · Ien lettertype. Sui is in spesjaal ûntworpen geometrysk sans-serif lettertype dat brûkt wurdt foar alles fan 198px foar koppen oant 10px foar ûnderskriften. It gewicht fan 700 is reservearre foar monumintale koppen en grutte titels; it gewicht fan 400 wurdt brûkt foar de rest fan it systeem. It kontrast tusken fet en gewoan is it primêre lettertypesysteem; in twadde famylje is net fereaske.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 9px |
| Knopradius | 9999px |
| Kaartradius | 0px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 86-108px |
| Sidebreedte | 1400px |
AI sil jo webside bouwe yn ThoughtLab -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Vivid+Co — prismatysk ljocht troch obsidiaan
- Sequel — In privee foarstelling nei tsjuster is it ienige waarme ljocht yn in oars tsjustere bioskoop.
- Dovetail — In blauwdruk ûnder in swarte moanne - amper sichtbere graflinen, wyt lettertype, ien pearse fonkeling
- MekaVerse — In monochrome galery fan digitale artefakten - in solide swarte leechte dêr't de werjûne wrâld hinget as in museumtentoanstelling, en de heule brûkersynterface is wite inket op mat swart glês.
- Krea — galery noir om middernacht
- Factory — De terminal fan 'e "oarlochskeamer" om middernacht. De "fabryk" is in skerp swart kontrôlepaniel dêr't in inkele wite kaart lânt as in mei in bûselampe ferljochte ferstjoering - it ienige objekt yn 'e keamer is it wurk sels.
- basement — In lege parse om 3 oere moarns - enoarme, komprimearre lettertypen dy't oer it piktsjuster ferspraat binne, in inkele glimp fan oranje ljocht op 'e navigaasjebalke, alles oars wyt of spoekachtich griis.
- Stink Studios — In filmstudio om middernacht - de projektor bromt, de keamer is tsjuster, allinnich de film is ferljochte
- Apple (España) — swart teater mei ferljochte armaturen
- Charlie — Typografy útsnien út kleasterstien op obsidiaan. In portfolio wêryn't in inkele reade muorre in dôve stilte skept.
- Rive — Nachtsicht mei hege presyzje. De ynterface hat in spesjale lens dy't troch it tsjuster penetrearret om te fokusjen op technyske details mei absolute dúdlikens.
- Datalands — In swarte katedraal mei in inkele neonpuls. It logo follet it skip; al it oare is amper te hearren tekst derûnder.