ThoughtLab
Gyzyl reňkli alamatly obsidian ýadygärlik. Gara boşlugyň kanwaly, sobordaky ýeke-täk doýgun gyzyl obýektiň uly ak harplar bilen çap edilen ýeke-täk hromatik şekil.
ThoughtLab Gara Katedral dizaýn dili ýaly işleýär: boş gara kanwas, ýeke gyzyl impuls we arhitektura hökmünde işleýän şeýle uly tipografiýa. Ulgam diýen ýaly doly achromatikdir - #cccccc göwräni, #ffffff displeýi aňladýar - #fc1c46 boşlugyň fonunda diňe bir esasy hereket üçin, gözegçilikli dartgynlylyk hökmünde peýda bolýar. Ierarhiýa reňk, kölegeler ýa-da doldurmalar arkaly däl-de, ýiti ölçegli böküşler (198px → 14px) arkaly gurulýar. Komponentler agramsyz: açyk kartlar, tabletka şekilli düwmeler, inçe giriş meýdanlary, ýokary üýşmegiň ýoklugy - sahypa konteýnerler arkaly däl-de, negatiw boşluk we dykyz ýerleşdirilen uly harplar arkaly dem alýar.
Sahypanyň tutuş giňligini garaňky kanwas gurşap alýar, giň gorizontal gyralar (her tarapynda 126 piksel, mazmun sütünini takmynan 1400 piksele çenli uzaldýar). Başlyk 72 piksellik ýeke-täk setirden ybarat: çepde logotip, merkezde şygar, tabletka şekilli herekete çagyryş düwmesi we sagda hamburger paneli. Gahryman bölünen kompozisiýadyr - çepde ähli uly harplar bilen ýazylan uly 198 piksellik başlyk, aşakda 18 piksellik goldaw beriji esasy nusga, 3D sfera bolsa merkeziň sag tarapyndaky tekstiň üstüne düşýär we ony bölekleýin "iýär". Gahrymanyň aşagynda bölümler giň dik ritmde ýerleşdirilip, aralarynda 86–108 piksel aralyklar bar. Eseriň elementleri kartalaryň tor görnüşinde däl-de, sahypanyň diýen ýaly tutuş giňligini eýeleýän sanaw hökmünde görkezilýär. Gapdal panel, mega-menýu, sütun torly aşaky kolonka ýok - aşaky kolonka awtorlyk hukugy baradaky maglumat we #4c4c4c aragatnaşyk maglumaty bolan ýeke-täk, asuda setirdir. Başlykdan daşary nawigasiýa doly ekran örtüginde hamburger menýusy hökmünde işe girizilýär.
Suratlar seýrek we maksatly saýlanan. Agalyk ediji wizual element WebGL-de görkezilen uly obsidian suwuklyk sferasydyr - gara fonda ýüzýän we adynyň üstüne bölekleýin ýapýan, gyrasynda inçe gök we sary reňkli şöhleleri bolan gara, diýen ýaly gara, 3D görnüş. Ol suratdan has köp brend ikonografiýasy hökmünde hyzmat edýär. Taslamanyň kiçi suratlary dik sanawda suratlar ýa-da wideolar hökmünde görkezilýär, gyradan gyra çenli serhetsiz görkezilýär. Durmuş suratlary, stok suratlary, bezeg gradientleri ýok. Sahypadaky ýeke-täk wizual elementler sfera we görnüşdir.
Palitra
Brend
- Crimson Signal
#fc1c46— Esasy aksent ýekeje gyzyl elementdir; ol "Kontaktlar" goýmasynda, brendiň logotipinde we başga hiç ýerde görünmeýär. Onuň seýrek duş gelmegi dizaýnyň aýratynlyklary bilen baglanyşyklydyr.
Neýtral
- Void
#000000— Sahypanyň fony, ýagny tuwal, beýleki ähli elementleriň üstünde ýüzýän mutlak esasdyr. - Ash
#cccccc— Esasy we baglanyşyk teksti, gara kanwada standart tekst reňki - optiki ýalpyldawuklygy ýumşatmak üçin arassa ak reňkiň ýerine saýlanyldy. - Frost
#ffffff— Sözbaşylary, düwme tekstini, giriş meýdanynyň tekstini we belgileri görkezmek iň görnükli dereje bolup, çyzykly bolmaly mazmun üçin niýetlenendir. - Graphite
#4c4c4c— Awtorlyk hukugy, meta tegler, kömekçi tekst - esasy tekst bilen bäsleşmezlik üçin bilgeşleýin sessizleşdirildi.
Tipografiýa
10-dan 198 piksele çenli · 7 ädim
- sui — çalyşmak: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · konturlar 300, 400, 500, 700 · Ýeke şrift. Sui, sözbaşylar üçin 198 pikselden başlap, ýazgylar üçin 10 piksele çenli ulanylýan ýörite dizaýn edilen geometrik sans-serif şriftidir. 700 agramy uly sözbaşylar we uly sözbaşylar üçin saklanýar; 400 agramy ulgamyň galan bölegi üçin ulanylýar. Galyň we adaty şriftleriň arasyndaky tapawut esasy şrift ulgamydyr; ikinji maşgala talap edilmeýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 9px |
| Düwme radiusy | 9999px |
| Kart radiusy | 0px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 86-108px |
| Sahypanyň giňligi | 1400px |
Süni intellekt web sahypaňyzy ThoughtLab stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Vivid+Co — obsidian arkaly prizmatik şöhle
- Sequel — Garaňkylykdan soň hususy görkeziliş garaňkylykly kinoteatrda ýeke-täk ýyly yşykdyr.
- Dovetail — Gara aýyň aşagyndaky çyzgy — görünmeýän grafik çyzyklary, ak şrift, bir gyrmyzy ýalpyldawuk
- MekaVerse — Sanly artefaktlaryň monohrom galereýasy — şekillendirilen dünýäniň muzeý eksponaty ýaly asylgy duran we tutuş ulanyjy interfeýsi mat gara aýnada ak syýa bilen ýazylan berk gara boşluk.
- Krea — ýary gije galereýa noir
- Factory — Gije gijesindäki "uruş otagy" terminaly. "Fabrik" gara reňkli dolandyryş paneli bolup, ol ýerde ýekeje ak kartoçka fonar yşyklandyrylan habar beriş gullugy ýaly düşýär - otagdaky ýeke-täk zat işiň özi.
- basement — Irden sagat 3-de boş çaphana – garaňky ýerde uly, gysylan şriftler ýaýylyp ýatyr, nawigasiýa panelinde ýekeje mämişi çyra, galan zatlaryň hemmesi ak ýa-da erteki çal reňkde.
- Stink Studios — Gije gijesinde kinostudiýa - proýektor zyňňyrdaýar, otag garaňky, diňe film yşyklandyrylýar
- Apple (España) — yşyklandyrylan armaturaly gara teatr
- Charlie — Monastyr daşyndan obsidiana oýulyp ýasalan tipografiýa. Ýekeje gyzyl diwaryň gulak asýan sessizlik döredýän portfel.
- Rive — Ýokary takyklykly gijeki görüş. Interfeýsde tehniki jikme-jikliklere doly aýdyňlyk bilen üns bermek üçin garaňkylyga aralaşýan ýörite linza bar.
- Datalands — Ýeke neon impulsy bolan gara sobor. Logotip nefi doldurýar; galan ähli zatlar aşagyndaky tekstler ýaly eşidilmeýär.