ThoughtLab
Un monument de obsidian cu un semnal purpuriu. O pânză de gol negru, unde singurul obiect roșu saturat din catedrală, tipărit cu litere mari și albe, este o singură figură cromatică.
ThoughtLab funcționează ca un limbaj de design de tip Catedrală Neagră: o pânză neagră goală, un singur puls roșu și o tipografie atât de mare încât funcționează ca arhitectură. Sistemul este aproape în întregime acromatic - #cccccc reprezintă corpul, #ffffff reprezintă afișajul - #fc1c46 apărând doar pentru o singură acțiune primară, ca o creștere controlată a tensiunii pe un fundal de gol. Ierarhia este construită prin salturi bruște de scară (198px → 14px), mai degrabă decât prin culoare, umbre sau umpluturi. Componentele sunt imponderabile: carduri transparente, butoane în formă de pastilă, câmpuri de introducere subțiri, absența suprapunerii ridicate - pagina respiră prin spațiu negativ și majuscule dense, mai degrabă decât prin containere.
O pânză întunecată se întinde pe întreaga lățime a paginii, cu margini orizontale largi (126px pe fiecare parte, împingând coloana de conținut la aproximativ 1400px). Antetul este o singură linie de 72px: sigla în stânga, sloganul în centru, butonul de îndemn în formă de pilulă și bara de hamburger în dreapta. Eroul este o compoziție divizată - un titlu supradimensionat de 198px, scris cu majuscule în stânga, cu un text de susținere de 18px mai jos, în timp ce o sferă 3D se suprapune peste text în dreapta centrului, „consumându-l” parțial. Sub eroul, secțiunile sunt aranjate într-un ritm vertical spațios, cu spații de 86–108px între ele. Elementele lucrării sunt afișate ca o listă, ocupând aproape întreaga lățime a paginii, mai degrabă decât ca o grilă de fișe. Nu există bară laterală, mega-meniu, subsol cu o grilă de coloane - subsolul este o singură linie discretă cu informații despre drepturi de autor și informații de contact #4c4c4c. Navigarea dincolo de antet se lansează ca un meniu hamburger într-o suprapunere pe ecran complet.
Imaginile sunt rare și atent selectate. Elementul vizual dominant este o sferă mare de lichid obsidian, redată în WebGL - o formă 3D întunecată, aproape neagră, cu reflexii subtile albastre și chihlimbarii de-a lungul marginii, plutind pe un fundal negru și suprapunându-se parțial peste titlu. Funcționează mai mult ca iconografie de brand decât ca ilustrație. Miniaturile proiectului sunt afișate ca fotografii sau videoclipuri într-o listă verticală, prezentate margine cu margine, fără chenar. Nu există fotografii de lifestyle, nu există imagini de stoc, nu există gradienți decorativi. Sfera și fontul sunt singurele elemente vizuale de pe pagină.
Paletă
Marca
- Crimson Signal
#fc1c46— Accentul principal este un singur element roșu; apare în fila „Contacte”, în sigla mărcii și nicăieri altundeva. Raritatea sa se datorează specificului designului.
Neutru
- Void
#000000— Fundalul paginii, pânza, este fundamentul absolut pe care plutesc toate celelalte elemente. - Ash
#cccccc— Text principal și textul linkului, ton implicit al textului pe pânză neagră - ales în loc de alb pur pentru a atenua strălucirea optică. - Frost
#ffffff— Afișarea titlurilor, a textului butoanelor, a textului câmpurilor de introducere și a markup-ului este cel mai important nivel, destinat conținutului care ar trebui să fie liniar. - Graphite
#4c4c4c— Drepturi de autor, metaetichete, text auxiliar - dezactivate intenționat pentru a nu concura cu textul principal.
Tipografie
de la 10 la 198px · 7 pași
- sui — înlocuire: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · contururi 300, 400, 500, 700 · Un singur font. Sui este un font sans-serif geometric, conceput la comandă, folosit pentru orice, de la 198px pentru titluri până la 10px pentru legende. Grosimea de 700 este rezervată titlurilor monumentale și titlurilor mari; grosimea de 400 este utilizată pentru restul sistemului. Contrastul dintre bold și normal este sistemul de fonturi principal; nu este necesară o a doua familie de fonturi.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 9px |
| Raza butonului | 9999px |
| Raza cardului | 0px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 86-108px |
| Lățimea paginii | 1400px |
Inteligența artificială vă va construi site-ul web în stilul ThoughtLab și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Vivid+Co — lumină prismatică prin obsidian
- Sequel — O proiecție privată după lăsarea întunericului este singura lumină caldă într-un cinematograf altfel întunecat.
- Dovetail — Un plan sub o lună neagră — linii grafice abia vizibile, font alb, o sclipire violetă
- MekaVerse — O galerie monocromă de artefacte digitale — un gol negru solid unde lumea randată atârnă ca o expoziție de muzeu, iar întreaga interfață cu utilizatorul este cerneală albă pe sticlă neagră mată.
- Krea — Galeria Noir la miezul nopții
- Factory — Terminalul „camera de război” la miezul nopții. „Fabrica” este un panou de control negru, unde o singură cartelă albă aterizează ca o dispeceră luminată de o lanternă - singurul obiect din cameră este lucrarea în sine.
- basement — O tipografie goală la ora 3 dimineața – fonturi uriașe, comprimate, împrăștiate pe bezna totală, o singură licărire portocalie pe bara de navigare, totul în rest alb sau gri fantomatic.
- Stink Studios — Un studio de film la miezul nopții - proiectorul zumzăie, camera este întunecată, doar filmul este luminat
- Apple (España) — teatru negru cu corpuri iluminate
- Charlie — Tipografie sculptată din piatră de mănăstire pe obsidian. Un portofoliu în care un singur perete roșu creează o tăcere asurzitoare.
- Rive — Vedere nocturnă de înaltă precizie. Interfața dispune de o lentilă specială care pătrunde în întunericul pentru a focaliza detaliile tehnice cu o claritate absolută.
- Datalands — O catedrală neagră cu o singură pulsație de neon. Sigla umple nava; totul este text abia perceptibil dedesubt.