ThoughtLab
Obsidiana monumentu bat seinale gorrixka batekin. Hutsune beltzaren mihise bat, non katedraleko objektu gorri saturatu bakarra, letra zuri handiz inprimatua, irudi kromatiko bakarra den.
ThoughtLab-ek Katedral Beltz baten diseinu-lengoaia bezala funtzionatzen du: mihise beltz huts bat, pultsu gorri bakarra eta arkitektura gisa funtzionatzen duen hain tipografia handia. Sistema ia erabat akromatikoa da —#cccccc gorputza adierazten du, #ffffff pantaila—, #fc1c46 ekintza nagusi bakar baterako agertzen delarik, tentsio-igoera kontrolatu gisa hutsunearen atzeko planoan. Hierarkia eskala-jauzi zorrotzen bidez eraikitzen da (198px → 14px), kolorearen, itzalen edo betegarrien bidez baino. Osagaiak pisurik gabekoak dira: txartel gardenak, pilula-formako botoiak, sarrera-eremu meheak, pilaketa altxaturik eza —orrialdeak espazio negatiboaren eta maiuskula trinkoen bidez arnasten du, edukiontzien bidez baino.
Mihise ilun batek orrialdearen zabalera osoa hartzen du, marjina horizontal zabalekin (126px alde bakoitzean, edukiaren zutabea gutxi gorabehera 1400px-ra eramanez). Goiburua 72px-ko lerro bakarra da: logotipoa ezkerrean, eslogana erdian, pilula itxurako ekintzarako dei-botoia eta hanburgesa-barra eskuinean. Heroia konposizio zatitua da: 198px-ko izenburu handi bat, letra larriz idatzia ezkerrean, eta 18px-ko testu osagarria behean, eta 3D esfera batek testua gainjartzen du erdialdetik eskuinera, partzialki "janez". Heroiaren azpian, atalak erritmo bertikal zabal batean antolatuta daude, bien artean 86-108px-ko tarteekin. Lanaren elementuak zerrenda gisa bistaratzen dira, orrialdearen zabalera ia osoa hartuz, txartel-sare gisa baino. Ez dago alboko barrarik, ez mega-menurik, ez zutabe-sareta duen oin-oinik; oina lerro bakar eta isila da, copyrightari buruzko informazioa eta harremanetarako informazioa dituena #4c4c4c. Goiburutik haragoko nabigazioa pantaila osoko gainjarritako hanburgesa menu gisa abiarazten da.
Irudiak urriak dira eta nahita zainduak. Elementu bisual nagusia obsidiana likidozko esfera handi bat da, WebGL-n errendatua —3D forma ilun, ia beltza, ertzean isla urdin eta anbar sotilak dituena, atzealde beltz baten gainean flotatzen duena eta izenburuari partzialki gainjartzen zaiona. Ilustrazio baino marka ikono gisa gehiago funtzionatzen du. Proiektuaren miniaturak argazki edo bideo gisa bistaratzen dira zerrenda bertikal batean, ertzetik ertzera aurkeztuta, ertzik gabe. Ez bizimodu argazkirik, ez stock irudirik, ez gradiente apaingarririk. Esfera eta letra-tipoa dira orrialdeko elementu bisual bakarrak.
Paleta
Marka
- Crimson Signal
#fc1c46— Azentu nagusia elementu gorri bakarra da; "Kontaktuak" fitxan, markaren logotipoan agertzen da, eta ez beste inon. Bere arraroa diseinuaren berezitasunengatik da.
Neutroa
- Void
#000000— Orriaren atzeko planoa, mihisea, beste elementu guztiak flotatzen duten oinarri absolutua da. - Ash
#cccccc— Testu nagusia eta esteka, testu-tonu lehenetsia mihise beltzean - zuri hutsaren ordez aukeratua distira optikoa leuntzeko. - Frost
#ffffff— Izenburuak, botoien testua, sarrera-eremuaren testua eta markaketa bistaratzea da geruza nabarmenena, lineala izan behar duen edukiarentzat pentsatua. - Graphite
#4c4c4c— Copyright-a, meta-etiketak, testu laguntzailea - nahita isilaraziak testu nagusiarekin lehiatu ez daitezen.
Tipografia
10etik 198px-ra · 7 urrats
- sui — ordezkapena: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · eskemak 300, 400, 500, 700 · Letra-tipo bakarra. Sui neurrira diseinatutako sans-serif letra-tipo geometriko bat da, 198px-ko izenburuetatik hasi eta 10px-ko azpitituluetarako erabiltzen dena. 700eko pisua izenburu monumentaletarako eta izenburu handietarako gordeta dago; 400eko pisua sistemaren gainerakoarentzat erabiltzen da. Lodiaren eta arruntaren arteko kontrastea da letra-tipo sistema nagusia; ez da bigarren familia bat behar.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 9px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 0px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 86-108px |
| Orriaren zabalera | 1400px |
Adimen artifizialak zure webgunea ThoughtLab estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Vivid+Co — argi prismatikoa obsidianaren bidez
- Sequel — Iluntasun handiko zinema batean, iluntasunean dagoen emanaldi pribatu bat da argi epel bakarra.
- Dovetail — Ilargi beltz baten azpian plano bat — ia ikusten ez diren grafiko-lerroak, letra-tipo zuria, distira more bat
- MekaVerse — Artefaktu digitalen galeria monokromo bat —hutsune beltz solido bat, non errenditutako mundua museoko erakusketa bat bezala zintzilik dagoen, eta erabiltzaile-interfaze osoa tinta zuria den beira beltz matearen gainean.
- Krea — galeria beltza gauerdian
- Factory — "Gerra gela" terminala gauerdian. "Fabrika" kontrol panel beltz bat da, non txartel zuri bakarra lurreratzen den linterna batek argiztatutako bidalketa baten antzera; gelako objektu bakarra lana bera da.
- basement — Inprenta huts bat goizeko 3etan – letra-tipo konprimitu erraldoiak beltzean zehar zabaltzen, argi laranja distira bakarra nabigazio-barran, beste guztia zuria edo gris mamutsua.
- Stink Studios — Zinema estudio bat gauerdian - proiektorea burrunba egiten du, gela ilun dago, filma bakarrik dago argiztatuta
- Apple (España) — argiztatutako osagarriak dituen antzoki beltza
- Charlie — Monasterioko harritik obsidianaren gainean zizelkatutako tipografia. Horma gorri bakar batek isiltasun izugarria sortzen duen portfolio bat.
- Rive — Gaueko ikusmen zehatza. Interfazeak lente berezi bat dauka, iluntasuna zeharkatzen duena xehetasun teknikoak argitasun osoz fokatzeko.
- Datalands — Neon pultsu bakarra duen katedral beltza. Logotipoak nabea betetzen du; gainerako guztia ia entzun ezin den testua da azpian.