Vivid+Co
обсидиан арқылы өтетін призмалық жарық
Vivid+Co кинематографиялық, қараңғы бос кеңістікте жұмыс істейді: #101010–#495764 өлшемді қара түсті кенеп, барлық дерлік қаріптер мен интерфейс элементтері үшін қолданылатын бір ақ түсті реңкпен (#fffdf9) үзіледі. Типография негізінен Жаңа Монреальда 400 қалыңдықта бейнеленеді - қалың қаріпті әдейі қабылдамау, мұнда авторитет салмақ емес, масштаб (136px және 105px) арқылы қол жеткізіледі. Белгілік әдіс - хроматикалық призма: RGB арқылы бөлінген қаныққан қызыл/жасыл/көк жарық блоктары шыны текшелер арқылы сүзіліп, монохромды бетті бұзады. Орналасу орталықтандырылған және кең; навигация, негізгі мәтін және сілтемелердің барлығы бір #ffdf9 түсте, бөлек екпін түймелері, толтырғыштар немесе көлеңкелерсіз - дифференциация аралық, масштаб және брендтің жалғыз түс екпіні ретінде қызмет ететін кемпірқосақ артефакті арқылы жүзеге асырылады.
Қараңғы, толық енді кенеп, өлшемі ~1440 пиксель болатын бір баған мазмұннан тұрады. Негізгі элемент - қабаттасатын тақырыбы (текшелерді қиып өтетін мәтін) және солға тураланған субтитрі бар орталықтандырылған призмалық артефакт. Навигация жұқа жоғарғы жолақта орналасқан: сол жақта логотип, оң жақта төрт көрінбейтін сілтеме және жолдың соңында арнайы "Байланыс" түймесі. Бөлім ырғағы толық биіктіктегі батыр панельдері мен ~108 пиксель саңылаулары бар тар мазмұн жолақтары арасында кезектесіп отырады. Мазмұн орналасуы асимметриялық: призмалық артефакт визуалды орталық ретінде қызмет етеді, ал тақырыптар оны қоршап алады. Бір бағандық мәтін блоктарының максималды ені шамамен 440 пиксель; көп бағандық торлар, карта матрицалары және баға кестелері жоқ. Төменгі колонтитул - екі метадеректер бағанынан тұратын жұқа сызықпен бөлінген жұқа жолақ.
Негізгі дизайн элементі - шеттерінде хроматикалық аберрациясы бар, RGB түсімен бөлінген шыны текшелердің абстрактілі 3D кескіні. Фотосуреттер жоқ, адамдардың суреттері жоқ, өнімнің суреттері жоқ. Призма - брендтің бейнесі; қалғанының бәрі қара кенепте монохромды типография. Иконография минималды: нәзік навигациялық белгілер және тақырыптардың бірінің соңындағы кішкентай курсор/глиф екпіні (142765 аймағы) бірыңғай, монолитті 16 пиксельдік белгішені меңзейді. Иллюстрациялар жоқ, сәндік өрнектер жоқ, текстуралар жоқ.
Палитра
Бейтарап
- Bone White
#fffdf9— Негізгі мәтін, навигация белгілері, сілтеме түсі және тақырып толтырғышы ақ түске дерлік, қара кенептегі барлық типографиялық беттерді алып жатыр. - Obsidian
#101010— Негізгі және бөлуші жолақтардың артқы жағын толтыратын бет кенебі қою қара түсті, ішінде призмалық артефакт бар. - Graphite Veil
#495764— Тақырыптар мен мазмұн блоктарының артында салқын, қара тақтайша басым болып, кенепке жалпақ қара түссіз тереңдік береді. - Ash Border
#403f3f— Мәтінмен бәсекелеспей, жолдарды бөлу үшін 1 пиксельде жіңішке бөлу сызығы мен карта контуры қолданылады. - Fog Blue
#6f879c— Басыртқы қосымша мәтін және нәзік түйме белгілері (3,7:1 контраст) – «Стратегия», «Шығармашылық», «Коммуникациялар + Маркетинг» сияқты қызмет санатының белгіленуі ерекшеленбеген метадеректер ретінде қабылданады. - Pure Black
#000000— SVG белгішелері мен иллюстрацияларына арналған сәндік толтырғыш — призма кескінінде және белгіше глифтерінде қолданылады; фон емес.
Типография
15-тен 136 пиксельге дейін · 9 қадам
- Neue Montreal — ауыстыру: Söhne · контурлар 400, 700 · Пайдаланушы интерфейсінде эксклюзивті қаріп қолданылады — тақырыптар, негізгі мәтін, навигация, түймелер, сілтемелер және төменгі колонтитул. Әдепкі бойынша 400 қалыңдығы; 700 қалыңдығы тек ішкі тақырыптар үшін сақталған. 105 және 136 пиксель қалыңдығы бар тақырыптардың жол аралығы 1,00–1,01 мм, ал әріп аралығы -0,02 мм, бұл типографиялық емес, мүсіндік сезімге ие кинематографиялық, қабаттасқан тақырыптарды жасайды.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | кең |
| Негізгі қадам | 7px |
| Түйме радиусы | 0px |
| Карта радиусы | 15px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 108px |
| Беттің ені | 1440px |
Жасанды интеллект сіздің веб-сайтыңызды Vivid+Co стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Sequel — Қараңғы түскеннен кейінгі жеке көрсетілім - қараңғы кинотеатрдағы жалғыз жылы жарық.
- ThoughtLab — Қызыл түсті сигналы бар обсидиан ескерткіші. Собордағы жалғыз қанық қызыл зат, үлкен ақ әріптермен басылған, бір хроматикалық фигура болып табылатын қара бостықтың кенебі.
- Dovetail — Қара айдың астындағы сызба — әрең көрінетін график сызықтары, ақ қаріп, бір күлгін жарқырау
- MekaVerse — Сандық артефактілердің монохромды галереясы — бейнеленген әлем мұражай экспонаты сияқты ілулі тұрған тұтас қара бос орын, ал бүкіл пайдаланушы интерфейсі күңгірт қара әйнекте ақ сиямен жазылған.
- Krea — түн ортасындағы қара галерея
- Factory — Түн ортасындағы «соғыс бөлмесі» терминалы. «Зауыт» – қара түсті басқару панелі, оған бір ақ карта фонарьмен жарықтандырылған хабарлама сияқты түседі – бөлмедегі жалғыз зат – жұмыстың өзі.
- basement — Таңғы сағат 3-тегі бос баспа станогы – үлкен, қысылған қаріптер қара түсте шашырап жатыр, навигация тақтасында қызғылт сары жарықтың бір сәулесі, қалғанының бәрі ақ немесе елес сұр.
- Stink Studios — Түн ортасындағы киностудия - проектор ызыңдайды, бөлме қараңғы, тек фильм ғана жарықтандырылған
- Apple (España) — жарықтандырылған арматурасы бар қара театр
- Charlie — Монастырь тасынан обсидианға ойылған типография. Жалғыз қызыл қабырға саңырау үнсіздік тудыратын портфолио.
- Rive — Жоғары дәлдіктегі түнгі көру. Интерфейсте қараңғылықты еніп, техникалық бөлшектерге абсолютті айқындықпен назар аударатын арнайы линза бар.
- Datalands — Бір ғана неон импульсі бар қара собор. Логотип нефті толтырады; қалғанының бәрі астында әрең естілетін мәтін.