ThoughtLab
Karmiinpunase signaaliga obsidiaanist monument. Musta tühjuse lõuend, kus katedraali ainus küllastunud punane objekt, trükitud suurte valgete tähtedega, on üksainus kromaatiline kujund.
ThoughtLab toimib nagu Musta Katedraali disainikeel: tühi must lõuend, üks punane pulss ja nii suur tüpograafia, et see toimib arhitektuurina. Süsteem on peaaegu täielikult akromaatiline – #cccccc tähistab keha, #ffffff kuvarit –, kusjuures #fc1c46 ilmub ainult ühe peamise toimingu jaoks, kontrollitud pingelainetusena tühjuse taustal. Hierarhia ehitatakse üles järskude skaalahüpete (198px → 14px) abil, mitte värvi, varjude või täitematerjalide abil. Komponendid on kaaluta: läbipaistvad kaardid, pillikujulised nupud, õhukesed sisestusväljad, kõrgendatud virnastamise puudumine – leht hingab läbi negatiivse ruumi ja tihedalt pakitud suurtähtede, mitte läbi konteinerite.
Lehe laiust katab tume lõuend laiade horisontaalsete veeristega (126 pikslit mõlemal küljel, mis lükkab sisuveeru umbes 1400 pikslini). Päis on üks 72 piksli suurune rida: vasakul logo, keskel tunnuslause, pillikujuline üleskutse tegevusele ja paremal hamburgeribaar. Põhitegelane on jagatud kompositsioon – vasakul on ülisuur 198 piksli suurune suurtähtedega pealkiri, mille all on 18 pikslit tugitekst, samal ajal kui 3D-sfäär kattub tekstiga keskelt paremal, seda osaliselt "söödes". Põhitegelase all on sektsioonid paigutatud avarasse vertikaalsesse rütmi, mille vahel on 86–108 piksli suurused vahed. Teose elemendid kuvatakse loendina, mis hõlmab peaaegu kogu lehe laiust, mitte kaartide ruudustikuna. Puudub külgriba, megamenüü ega jalus veeruruudustikuga – jalus on üks vaikne rida autoriõiguse teabe ja kontaktteabega #4c4c4c. Päisest kaugemal asuv navigeerimine käivitub täisekraanil hamburgerimenüüna.
Pildid on hõredad ja tahtlikult kureeritud. Domineeriv visuaalne element on WebGL-is renderdatud suur obsidiaanist vedelikusfäär – tume, peaaegu must 3D-kuju, mille servas on peened sinised ja merevaigukollased peegeldused, mis hõljuvad mustal taustal ja kattuvad osaliselt pealkirjaga. See toimib pigem brändi ikonograafia kui illustratsioonina. Projekti pisipildid kuvatakse fotode või videotena vertikaalses loendis, servast servani ilma ääriseta. Elustiilifotosid, pildipangast pärit pilte ega dekoratiivseid gradiente pole. Sfäär ja tekst on lehe ainsad visuaalsed elemendid.
Palett
Bränd
- Crimson Signal
#fc1c46— Peamine aktsent on üks punane element; see ilmub vahekaardil „Kontaktid”, brändi logol ja mitte kusagil mujal. Selle haruldus tuleneb disaini eripärast.
Neutraalne
- Void
#000000— Lehe taust ehk lõuend on absoluutne alus, millel kõik teised elemendid hõljuvad. - Ash
#cccccc— Põhi- ja lingitekst, mustal lõuendil vaikimisi tekstitoon – valitud puhta valge asemel optilise läike pehmendamiseks. - Frost
#ffffff— Pealkirjade, nuppude teksti, sisestusvälja teksti ja märgistuse kuvamine on kõige silmapaistvam kiht, mis on mõeldud lineaarse sisu jaoks. - Graphite
#4c4c4c— Autoriõigus, metamärgendid, abitekst – tahtlikult summutatud, et mitte põhitekstiga konkureerida.
Tüpograafia
10 kuni 198 pikslit · 7 sammu
- sui — asendamine: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · kontuurid 300, 400, 500, 700 · Üks font. Sui on eritellimusel disainitud geomeetriline sans-serif font, mida kasutatakse kõige jaoks alates 198 pikslist pealkirjade jaoks kuni 10 pikslini subtiitrite jaoks. 700-ne raskusaste on reserveeritud monumentaalsete pealkirjade ja suurte pealkirjade jaoks; 400-ne raskusastet kasutatakse ülejäänud süsteemi jaoks. Kontrast paksu ja tavalise kirja vahel on peamine fontide süsteem; teist fontide perekonda pole vaja.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 9px |
| Nupu raadius | 9999px |
| Kaardi raadius | 0px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 86-108px |
| Lehe laius | 1400px |
Tehisintellekt loob teie veebisaidi ThoughtLab stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Vivid+Co — prismavalgus läbi obsidiaani
- Sequel — Privaatne seanss pärast pimedat on ainus soe valgus muidu pimedas kinos.
- Dovetail — Musta kuu all olev plaan – vaevu nähtavad graafikujooned, valge font, üks lilla sädelus
- MekaVerse — Digitaalsete artefaktide monokroomne galerii – läbipaistev must tühjus, kus renderdatud maailm ripub nagu muuseumieksponaat ja kogu kasutajaliides on valge tint mattmustal klaasil.
- Krea — galerii noir keskööl
- Factory — „Sõjaruumi” terminal keskööl. „Tehas” on karmmust juhtpaneel, kuhu maandub üks valge kaart nagu taskulambiga valgustatud teade – ainus objekt ruumis on töö ise.
- basement — Tühi trükipress kell 3 öösel – tohutud, tihendatud fondid laiali pilluvad kottpimedas, navigeerimisribal on üksainus oranž valgusekuma, kõik muu valge või kummituslikult hall.
- Stink Studios — Filmistuudio keskööl - projektor sumiseb, tuba on pime, ainult film põleb
- Apple (España) — must teater valgustatud sisustusega
- Charlie — Kloostrikivist obsidiaanile raiutud tüpograafia. Portfell, milles üksainus punane sein loob kõrvulukustava vaikuse.
- Rive — Ülitäpne öönägemine. Liidesel on spetsiaalne lääts, mis tungib läbi pimeduse, et teravustada tehnilistele detailidele absoluutse selgusega.
- Datalands — Must katedraal üheainsa neoonlöökidega. Logo täidab kogu löövi; kõik muu on vaevu kuuldav tekst selle all.