ThoughtLab
Qırmızı işarəli obsidian abidəsi. Katedraldəki yeganə doymuş qırmızı obyektin böyük ağ hərflərlə çap olunmuş tək xromatik fiqur olduğu qara boşluqlu bir kətan.
ThoughtLab Qara Katedral dizayn dili kimi işləyir: boş qara kətan, tək qırmızı impuls və memarlıq kimi fəaliyyət göstərəcək qədər böyük tipoqrafiya. Sistem demək olar ki, tamamilə axromatikdir - #cccccc gövdəni, #ffffff displeyi təmsil edir - #fc1c46 boşluq fonunda yalnız tək bir əsas hərəkət üçün, nəzarətli bir gərginlik dalğası kimi görünür. İyerarxiya rəng, kölgələr və ya doldurmalar vasitəsilə deyil, kəskin miqyas atlamaları (198px → 14px) vasitəsilə qurulur. Komponentlər çəkisizdir: şəffaf kartlar, həb formalı düymələr, nazik giriş sahələri, yüksək yığılmanın olmaması - səhifə konteynerlərdən deyil, mənfi boşluqdan və sıx şəkildə yığılmış böyük hərflərdən nəfəs alır.
Səhifənin bütün enini tünd rəngli bir kətan əhatə edir və geniş üfüqi kənarlar (hər tərəfdə 126 piksel, məzmun sütununu təxminən 1400 pikselə qədər itələyir) ilə əhatə olunmuşdur. Başlıq tək 72 piksellik sətirdən ibarətdir: solda loqo, mərkəzdə şüar, həb formalı hərəkətə çağırış düyməsi və sağda hamburger çubuğu. Qəhrəman bölünmüş bir kompozisiyadır - solda böyük hərflərlə yazılmış böyük 198 piksellik başlıq, aşağıda isə dəstəkləyici əsas mətn 18 piksel, 3D sfera isə mətni mərkəzin sağ tərəfində üst-üstə qoyur və qismən "yeyir". Qəhrəmanın altında bölmələr aralarında 86-108 piksel boşluq olan geniş şaquli ritmdə düzülmüşdür. Əsərin elementləri kartlar şəbəkəsi kimi deyil, səhifənin demək olar ki, bütün enini tutan siyahı kimi göstərilir. Yan panel, meqa-menyu, sütun şəbəkəsi olan altbilgi yoxdur - altbilgi müəllif hüquqları məlumatları və əlaqə məlumatları #4c4c4c olan tək, sakit bir sətirdir. Başlıqdan kənarda naviqasiya tam ekran örtüyündə hamburger menyusu kimi işə salınır.
Şəkillər seyrəkdir və qəsdən seçilib. Əsas vizual element WebGL-də göstərilən böyük bir obsidian maye kürəsidir - kənarları boyunca incə mavi və kəhrəba əksləri olan, qara fonda üzən və başlığı qismən üst-üstə düşən tünd, demək olar ki, qara, 3D forma. Bu, illüstrasiyadan daha çox marka ikonoqrafiyası kimi fəaliyyət göstərir. Layihənin miniatürləri şaquli siyahıda fotoşəkillər və ya videolar kimi göstərilir, kənarları kənardan kənara, haşiyəsiz təqdim olunur. Həyat tərzi fotoşəkilləri, stok şəkilləri, dekorativ qradiyentlər yoxdur. Kürə və şrift səhifədəki yeganə vizual elementlərdir.
Palitra
Brend
- Crimson Signal
#fc1c46— Əsas vurğu tək bir qırmızı elementdir; o, "Əlaqələr" sekmesinde, brend loqosunda və başqa heç bir yerdə görünmür. Onun nadir olması dizaynın spesifikliyi ilə bağlıdır.
Neytral
- Void
#000000— Səhifənin arxa planı, yəni kətan, bütün digər elementlərin üzərində üzdüyü mütləq təməldir. - Ash
#cccccc— Əsas və keçid mətni, qara kətan üzərində standart mətn tonu - optik parıltını yumşaltmaq üçün təmiz ağ əvəzinə seçilib. - Frost
#ffffff— Başlıqların, düymə mətninin, giriş sahəsi mətninin və işarələmənin göstərilməsi xətti olmalı olan məzmun üçün nəzərdə tutulmuş ən görkəmli səviyyədir. - Graphite
#4c4c4c— Müəllif hüquqları, meta etiketlər, köməkçi mətn - əsas mətnlə rəqabət aparmamaq üçün qəsdən səssizləşdirilib.
Tipoqrafiya
10-dan 198 pikselə qədər · 7 addım
- sui — əvəzetmə: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · konturlar 300, 400, 500, 700 · Tək şrift. Sui, başlıqlar üçün 198 pikseldən başlıqlar üçün 10 pikselə qədər hər şey üçün istifadə edilən xüsusi hazırlanmış həndəsi sans-serif şriftidir. 700 çəkisi monumental başlıqlar və böyük başlıqlar üçün ayrılıb; 400 çəkisi sistemin qalan hissəsi üçün istifadə olunur. Qalın və adi şrift arasındakı ziddiyyət əsas şrift sistemidir; ikinci ailə tələb olunmur.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 9px |
| Düymə radiusu | 9999px |
| Kart radiusu | 0px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 86-108px |
| Səhifə eni | 1400px |
Süni intellekt veb saytınızı ThoughtLab üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Vivid+Co — Obsidian vasitəsilə prizmatik işıq
- Sequel — Qaranlıq bir kinoteatrda qaranlıqdan sonra yalnız isti işıq özəl seansda görünür.
- Dovetail — Qara ayın altındakı plan — çətinliklə görünən qrafik xətləri, ağ şrift, bir bənövşəyi parıltı
- MekaVerse — Rəqəmsal artefaktların monoxrom qalereyası — təsvir edilən dünyanın muzey eksponatı kimi asılı qaldığı və bütün istifadəçi interfeysinin mat qara şüşə üzərində ağ mürəkkəblə boyandığı bütöv qara boşluq.
- Krea — gecə yarısı qara qalereya
- Factory — Gecəyarısı "müharibə otağı" terminalı. "Fabrik" qara rəngli idarəetmə panelidir, burada tək bir ağ kart fənərlə işıqlandırılmış mesaj kimi düşür — otaqdakı yeganə obyekt əsərin özüdür.
- basement — Saat 3-də boş bir mətbəə – qara rəngdə nəhəng, sıxılmış şriftlər, naviqasiya panelində tək bir narıncı işıq, qalan hər şey ağ və ya xəyalət kimi boz.
- Stink Studios — Gecəyarısı kinostudiya - proyektor zümzümə edir, otaq qaranlıqdır, yalnız film işıqlandırılır
- Apple (España) — işıqlı armaturları olan qara teatr
- Charlie — Monastır daşından obsidiana həkk olunmuş tipoqrafiya. Tək bir qırmızı divarın kar edici bir sükut yaratdığı portfel.
- Rive — Yüksək dəqiqlikli gecə görmə sistemi. İnterfeys, texniki detallara mütləq aydınlıqla diqqət yetirmək üçün qaranlığı dəf edən xüsusi bir linzaya malikdir.
- Datalands — Tək neon impulsu olan qara kafedral. Loqo nefi doldurur; altındakı hər şeyin mətni güclə eşidilir.