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 — Бер генә неон импульсы булган кара собор. Логотип нефны тутыра; калган бар нәрсә астындагы текст ишетелми диярлек.