ThoughtLab
Obsidiāna piemineklis ar sārtu signālu. Melna tukšuma audekls, kur vienīgais piesātināti sarkanais objekts katedrālē, kas iespiests ar lieliem baltiem burtiem, ir viena hromatiska figūra.
ThoughtLab darbojas kā Melnās katedrāles dizaina valoda: tukšs melns audekls, viens sarkans pulss un tik liela tipogrāfija, ka tā funkcionē kā arhitektūra. Sistēma ir gandrīz pilnībā ahromatiska — #cccccc apzīmē ķermeni, #ffffff apzīmē displeju —, un #fc1c46 parādās tikai vienai primārajai darbībai kā kontrolēts spriedzes vilnis uz tukšuma fona. Hierarhija tiek veidota, izmantojot asus mēroga lēcienus (198 pikseļi → 14 pikseļi), nevis krāsu, ēnas vai aizpildījumus. Komponenti ir bezsvara: caurspīdīgas kartītes, tabletes formas pogas, plāni ievades lauki, paaugstinātas sakraušanas neesamība — lapa elpo caur negatīvu telpu un blīvi iesaiņotiem lielajiem burtiem, nevis caur konteineriem.
Visā lapas platumā ir tumšs audekls ar platām horizontālām malām (126 pikseļi katrā pusē, palielinot satura kolonnas izmēru līdz aptuveni 1400 pikseļiem). Galvene ir viena 72 pikseļu rinda: logotips kreisajā pusē, sauklis centrā, tabletei līdzīga aicinājuma uz darbību poga un hamburgeru bārs labajā pusē. Galvenais elements ir sadalīta kompozīcija — liels 198 pikseļu virsraksts ar lielajiem burtiem kreisajā pusē ar pamattekstu 18 pikseļos zemāk, savukārt 3D sfēra pārklāj tekstu pa labi no centra, daļēji to "apēdot". Zem galvenā elementa sadaļas ir sakārtotas plašā vertikālā ritmā ar 86–108 pikseļu atstarpēm starp tām. Darba elementi ir attēloti kā saraksts, kas aizņem gandrīz visu lapas platumu, nevis kā kāršu režģis. Nav sānu joslas, nav mega izvēlnes, nav kājenes ar kolonnu režģi — kājene ir viena, klusa rinda ar autortiesību informāciju un kontaktinformāciju #4c4c4c. Navigācija aiz galvenes tiek atvērta kā hamburgera izvēlne pilnekrāna pārklājumā.
Attēli ir reti un apzināti atlasīti. Dominējošais vizuālais elements ir liela obsidiāna šķidruma sfēra, kas atveidota WebGL tehnoloģijā — tumša, gandrīz melna 3D forma ar smalkiem ziliem un dzintara atspīdumiem gar malu, kas peld uz melna fona un daļēji pārklājas ar virsrakstu. Tā vairāk kalpo kā zīmola ikonogrāfija, nevis ilustrācija. Projektu sīktēli tiek parādīti kā fotoattēli vai videoklipi vertikālā sarakstā, no malas līdz malai bez apmales. Nav dzīvesstila fotoattēlu, nav attēlu krājuma, nav dekoratīvu gradientu. Sfēra un burts ir vienīgie vizuālie elementi lapā.
Palete
Zīmols
- Crimson Signal
#fc1c46— Galvenais akcents ir viens sarkans elements; tas parādās cilnē “Kontakti”, zīmola logotipā un nekur citur. Tā retums ir saistīts ar dizaina specifiku.
Neitrāls
- Void
#000000— Lapas fons, audekls, ir absolūtais pamats, uz kura balstās visi pārējie elementi. - Ash
#cccccc— Galvenais un saites teksts, noklusējuma teksta tonis uz melna audekla — izvēlēts tīri baltas krāsas vietā, lai mazinātu optisko atspīdumu. - Frost
#ffffff— Virsrakstu, pogu teksta, ievades lauka teksta un iezīmējuma attēlošana ir visredzamākais līmenis, kas paredzēts saturam, kam jābūt lineāram. - Graphite
#4c4c4c— Autortiesības, meta tagi, palīgteksts — apzināti apklusināti, lai nekonkurētu ar galveno tekstu.
Tipogrāfija
no 10 līdz 198 pikseļiem · 7 soļi
- sui — nomaiņa: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · kontūras 300, 400, 500, 700 · Viens fonts. Sui ir īpaši izstrādāts ģeometrisks sans-serif fonts, ko izmanto visam, sākot no 198 pikseļiem virsrakstiem līdz 10 pikseļiem parakstiem. 700 biezums ir paredzēts monumentāliem virsrakstiem un lieliem nosaukumiem; 400 biezums tiek izmantots pārējai sistēmai. Kontrasts starp treknrakstu un parasto fontu ir galvenā fontu sistēma; otra saime nav nepieciešama.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 9px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 0px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 86-108px |
| Lapas platums | 1400px |
Mākslīgais intelekts izveidos jūsu vietni ThoughtLab stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Vivid+Co — prizmatiska gaisma caur obsidiānu
- Sequel — Privāta seansa laikā pēc tumsas iestāšanās ir vienīgā siltā gaisma citādi tumšā kinoteātrī.
- Dovetail — Rasējums zem melna mēness — tik tikko saskatāmas grafika līnijas, balts fonts, viena violeta dzirksts
- MekaVerse — Monohroma digitālo artefaktu galerija — vienlaidus melns tukšums, kurā atveidotā pasaule karājas kā muzeja eksponāts, un visa lietotāja saskarne ir balta tinte uz matēta melna stikla.
- Krea — galerija noir pusnaktī
- Factory — "Kara telpas" terminālis pusnaktī. "Rūpnīca" ir skarbi melns vadības panelis, kur viena balta karte nolaižas kā ar lukturīti apgaismota ziņojumapmaiņa — vienīgais objekts telpā ir pats darbs.
- basement — Tukša tipogrāfija pulksten 3 naktī – milzīgi, saspiesti fonti izkaisīti pa piķa melno gaisotni, viena oranžas gaismas mirdzums navigācijas joslā, viss pārējais balts vai spocīgi pelēks.
- Stink Studios — Filmu studija pusnaktī — projektors dūc, istaba ir tumša, deg tikai filma
- Apple (España) — melns teātris ar izgaismotām iekārtām
- Charlie — No klostera akmens uz obsidiāna grebta tipogrāfija. Portfelis, kurā viena sarkana siena rada apdullinošu klusumu.
- Rive — Augstas precizitātes nakts redzamība. Saskarnei ir īpaša lēca, kas iekļūst tumsā, lai ar absolūtu skaidrību fokusētos uz tehniskām detaļām.
- Datalands — Melna katedrāle ar vienu neona pulsāciju. Logotips aizpilda visu navu; viss pārējais ir tik tikko dzirdams teksts apakšā.