ThoughtLab
Obsidiaanista tehty muistomerkki, jossa on karmiininpunainen merkki. Mustaa tyhjyyttä oleva kangas, jossa katedraalin ainoa kylläinen punainen esine, painettuna suurin valkoisin kirjaimin, on yksi kromaattinen hahmo.
ThoughtLab toimii kuin Black Cathedral -muotoilukieli: tyhjä musta kangas, yksi punainen pulssi ja niin suuri typografia, että se toimii arkkitehtuurina. Järjestelmä on lähes täysin akromaattinen – #cccccc edustaa kehoa, #ffffff edustaa näyttöä – ja #fc1c46 esiintyy vain yhtä ensisijaista toimintoa varten, hallittuna jännitteen aaltona tyhjyyden taustaa vasten. Hierarkia rakennetaan jyrkkien skaalahyppyjen (198px → 14px) avulla värien, varjojen tai täyttöjen sijaan. Komponentit ovat painottomia: läpinäkyviä kortteja, pillerinmuotoisia painikkeita, ohuita syöttökenttiä, korotetun pinoamisen puuttumista – sivu hengittää negatiivisen tilan ja tiheästi pakattujen isojen kirjainten läpi, ei säilöjen kautta.
Tumma kangas peittää koko sivun leveyden leveillä vaakasuuntaisilla reunuksilla (126 pikseliä kummallakin puolella, mikä nostaa sisältöpalstan noin 1400 pikseliin). Ylätunniste on yksi 72 pikselin rivi: logo vasemmalla, iskulause keskellä, pillerin muotoinen toimintakehotuspainike ja hampurilaisbaari oikealla. Päähenkilö on jaettu sommitelma – ylisuuri 198 pikselin otsikko kokonaan isoilla kirjaimilla vasemmalla ja sitä tukeva leipäteksti 18 pikselin alapuolella, kun taas 3D-pallo peittää tekstin keskiosan oikealla puolella ja osittain "syö" sen. Päähenkilön alapuolella osiot on järjestetty avaraan pystysuoraan rytmiin, ja niiden välissä on 86–108 pikselin rakoja. Teoksen elementit näytetään luettelona, joka täyttää lähes koko sivun leveyden, eikä korttiruudukkona. Sivupalkkia, megavalikkoa tai alatunnistetta sarakeruudukolla ei ole – alatunniste on yksi, hiljainen rivi, jossa on tekijänoikeustiedot ja yhteystiedot #4c4c4c. Ylätunnisteen jälkeinen navigointi käynnistyy hampurilaisvalikkona koko näytön peittokuvassa.
Kuvat ovat harvassa ja tarkoituksella kuratoituja. Hallitseva visuaalinen elementti on WebGL:llä renderöity suuri obsidiaaninesteestä tehty pallo – tumma, lähes musta 3D-muoto, jonka reunassa on hienovaraisia sinisiä ja meripihkanvärisiä heijastuksia, joka kelluu mustaa taustaa vasten ja osittain päällekkäin otsikon kanssa. Se toimii enemmän brändin ikonografiana kuin kuvitusna. Projektien pikkukuvat näytetään valokuvina tai videoina pystysuorassa luettelossa reunasta reunaan ilman reunusta. Ei lifestyle-kuvia, ei kuvapankkikuvia, ei koristeellisia liukuvärejä. Pallo ja teksti ovat sivun ainoat visuaaliset elementit.
Paletti
Merkki
- Crimson Signal
#fc1c46— Pääakustin on yksi punainen elementti; se esiintyy "Yhteystiedot"-välilehdellä, brändilogossa eikä missään muualla. Sen harvinaisuus johtuu suunnittelun erityispiirteistä.
Neutraali
- Void
#000000— Sivun tausta, kangas, on ehdoton perusta, jonka päällä kaikki muut elementit leijuvat. - Ash
#cccccc— Pää- ja linkkiteksti, oletustekstin sävy mustalla kankaalla - valittu puhtaan valkoisen sijaan optisen heijastuksen pehmentämiseksi. - Frost
#ffffff— Otsikoiden, painiketekstien, syöttökenttien tekstien ja merkintöjen näyttäminen on näkyvin taso, joka on tarkoitettu lineaariselle sisällölle. - Graphite
#4c4c4c— Tekijänoikeudet, metatunnisteet, aputeksti - tarkoituksella mykistetty, jotta ne eivät kilpaile päätekstin kanssa.
Typografia
10:stä 198 pikseliin · 7 vaihetta
- sui — korvaava: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · ääriviivat 300, 400, 500, 700 · Yksi fontti. Sui on mittatilaustyönä suunniteltu geometrinen sans-serif-fontti, jota käytetään kaikkeen 198 pikselin otsikoista 10 pikselin kuvateksteihin. 700-painoinen fontti on varattu monumentaalisille otsikoille ja suurille nimikkeille; 400-painoista fonttia käytetään järjestelmän muissa osissa. Lihavoitun ja normaalin välinen kontrasti on ensisijainen fonttijärjestelmä; toista fonttiperhettä ei tarvita.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tiheä |
| Perusvaihe | 9px |
| Painikkeen säde | 9999px |
| Kortin säde | 0px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 86-108px |
| Sivun leveys | 1400px |
Tekoäly rakentaa verkkosivustosi ThoughtLab -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Vivid+Co — prismavalo obsidiaanin läpi
- Sequel — Yksityisnäytös pimeän tultua on ainoa lämmin valo muuten pimeässä elokuvateatterissa.
- Dovetail — Mustan kuun alla oleva piirustus – tuskin näkyvät kaavioviivat, valkoinen fontti, yksi violetti kimallus
- MekaVerse — Yksivärinen digitaalisten esineiden galleria – kiinteä musta tyhjiö, jossa renderöity maailma roikkuu kuin museonäyttely ja koko käyttöliittymä on valkoista mustetta mattamustalla lasilla.
- Krea — Galleria noir keskiyöllä
- Factory — "Sotahuoneen" terminaali keskiyöllä. "Tehdas" on karun musta ohjauspaneeli, johon yksi valkoinen kortti laskeutuu kuin taskulampun valaisema lähetys – huoneen ainoa esine on itse työ.
- basement — Tyhjä painokone kello 3 aamuyöllä – valtavat, tiivistetyt fontit leviävät pikimustaan, yksi oranssi valon välähdys navigointipalkissa, kaikki muu valkoista tai aavemaisen harmaata.
- Stink Studios — Elokuvastudio keskiyöllä - projektori humisee, huone on pimeä, vain filmi palaa
- Apple (España) — musta teatteri valaistuilla kalusteilla
- Charlie — Luostarikivestä obsidiaanille veistetty typografia. Portfolio, jossa yksi punainen seinä luo korviahuumaavan hiljaisuuden.
- Rive — Erittäin tarkka yönäkö. Käyttöliittymässä on erityinen linssi, joka läpäisee pimeyden ja tarkentaa teknisiä yksityiskohtia ehdottoman selkeästi.
- Datalands — Musta katedraali, jossa sykkii yksi neonvalo. Logo täyttää koko keskilaivan; kaikki muu on tuskin kuultavaa tekstiä sen alla.