Auros
Абисален терминал с биолуминесцентни топки с данни
Auros функционира като финтех терминал, сгушен в бездната: почти черно тюркоазено платно с биолуминесцентни кълба от данни и светлинни градиенти от тюркоазено до розово, създаващи усещане за дълбочина, флуидност и поток. Интерфейсът е минималистичен и кинематографичен, разчитащ на един потребителски дисплей (Matter) със средна дебелина с агресивно негативно проследяване, за да се създаде мащаб, без да е прекалено крещящ. Цветовете са равномерно разпределени - ахроматичните бели и сребристи се използват за почти цялото съдържание, докато хроматичната палитра е запазена за атмосферни градиенти, разграничаващи повърхностите на картите и един-единствен бутон с форма на хапче, който променя цвета си от тюркоазено-син до лавандулово-розов. Картите се носят върху фини тюркоазени повърхностни ръбове (радиус 16px, без сенки), а не по височина, така че йерархията се възприема като дълбочина на водата, а не като сянка върху хартия. Компонентите изглеждат обмислени и подобни на инструменти: маркировки за проследяване с главни букви, тънки геометрични икони със стрелки, големи цифрови показания в бледорозово.
Тъмно платно с пълна ширина и съдържание с максимална ширина 1440px. Основният елемент е центриран текстов блок (червено поле → заглавие → подтекст → призив за действие), който обхваща цялата височина на viewport-а, с частица като фонов елемент. Секциите са ленти с пълна ширина, разделени от големи вертикални интервали от 68px+, редуващи се между платно и леко вдлъбнати повърхности. Секцията „Explore“ използва асиметрично оформление с две колони: лявата колона съдържа подредени карти с характеристики, докато дясната колона съдържа геометрична молекулярна илюстрация. Съдържанието е центрирано в тесни колони (максимум ~600px) за лесно четене, вместо да се разтяга от край до край. Долният колона е вдлъбната яма (#011d1c) с вертикален марж от 120px, създавайки ефекта на дълбок басейн. Навигацията е тънък, прозрачен панел с елементи, разположени на разстояние 16–24px един от друг. Общият ритъм е кинематографичен и просторен – всяка секция диша, а дълбоката, подобна на вода цветова схема създава усещането за потъване по-дълбоко с всеки пасаж.
Визуалният стил е минималистичен и атмосферен. Началната страница е с триизмерна сфера от частици – хиляди малки тюркоазено-сини и бели точки, образуващи въртяща се сфера, която отразява платното, и лавандулово-розови акценти по краищата, създавайки биолуминесцентен ефект, напомнящ за информационен обект. Плоски геометрични молекулярни диаграми (бели кръгове и тънки свързващи линии върху тъмно платно) служат като декоративни елементи в дясната колона. Без снимки, без изображения на начин на живот, без хора – визуалният език е базиран на изчистена графика на данни и абстрактни форми. Сферата от частици е определящият визуален елемент на идентичността на марката; тя трябва да се появява поне веднъж на всяка важна страница, за да подсили метафората за дълбоководните дълбини.
Палитра
Марка
- Liquid Abyss
#012624— Основният фон е основата на страницата, заглавката, главният елемент и доминиращото тъмнотюркоазено поле. Това създава атмосфера на дълбоко море. - Liquid Deep
#011d1c— Вдлъбнатото повърхностно ниво е фонът на долния колонтитул и по-дълбоките картонени панели. То се възприема като с полутон по-тъмно от платното, създавайки фин низходящ градиент на дълбочина. - Liquid Kelp
#003734— Повдигната повърхност на картата и запълване на бутона – повдигната повърхност, разположена една стъпка над пропастта. Използва се за карти с функции, панели със съдържание и началната точка на градиентен бутон.
Неутрален
- Liquid Mist
#edfffe— Студен нюанс на бялото подчертава основния текст, заглавията на секциите и топлата, светла типография. Фин син оттенък свързва основния текст с тюркоазената цветова схема. - Platinum
#ffffff— Чисто бялото се използва за заглавия, навигационни елементи, контури на икони и текст с висок контраст. Това е основният цвят на текста във всички нива на заглавия и основната навигация. - Silver Mist
#bbc7c6— Вторичният текст, приглушените описания и цветът на връзките са в оригиналното им състояние. Те имат лек зеленикав оттенък, допълващ тюркоазения фон. - Ash
#f2f2f2— Допълнителен текст за цитати и отзиви. Неутрален, хладен сив нюанс за случаите, когато тюркоазеният подтон на Silver Mist ви се струва твърде ярък. - Slate Deep
#707777— Фино повърхностно оцветяване за неактивни или слабо видими фонове. Поставя се между платното и картона, осигурявайки много фина разлика във височината. - Lavender Phosphor
#fde9ff— Цвят на подсветката за големи статистики, числа от броячи и важни показатели. Розовият нюанс в характерния градиент се използва пестеливо като светещ акцент върху тъмни повърхности.
Типография
от 10 до 96px · 6 стъпки
- Matter — замяна: Inter · очертания 400, 500 · Основният шрифт за заглавия и основен текст се използва с тегло 500 за всички заглавия (H1–H3) и голям кинетичен текст (86–295px). Тегло 400 се използва за основен текст и текст на потребителския интерфейс. Той се отличава с агресивно отрицателно разстояние между буквите при големи размери (-0.04em при 61px, -0.046em при 86px) и широко положително разстояние между буквите в главните букви на заглавията (0.08em при 20px, 0.12em при 12px, 0.15em при 10px). Стратегията за използване само на средно тегло за заглавия е отличителна черта – без удебелен или светъл шрифт – което придава на шрифта еднородна, механична увереност.
- Arial — замяна: system-ui · очертания 400 · Вторичен резервен вариант за интерактивни елементи на потребителския интерфейс (навигация, бутони, микротекст на заглавката, долен колонтитул). Появява се само на 14px – използва се като безопасен, универсален резервен вариант, когато Matter не е зареден, и обхваща етикетите на формуляри, текста на бутоните и малкия помощен текст.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | средно |
| Основна стъпка | 20px |
| Радиус на бутона | 6px |
| Радиус на картата | 16px |
| Сенки | не - рамки вместо сенки |
| Между секциите | 68px |
| Ширина на страницата | 1440px |
Изкуственият интелект ще изгради вашия уебсайт в стил Auros и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Design Full-Time — студийно кино с един топъл прожектор
- Air — скулптура „Полунощно небе през стъкло“
- Slash — Полунощен свод с позлатени книги
- Raycast — Полунощен команден център, Корал Неон
- Dimension — работно място, осветено при здрач, с матирано стъкло
- Modal — Фосфоресциращ терминал в затъмнена сървърна стая - единственият източник на светлина е яркозелен цвят
- Giga — Полунощен хоризонт над замръзнал обсидиан
- Reflect Notes — Звездно-виолетовото пространство е тъмна обсерватория, където ноти се носят като съзвездия на фона на почти черна индигова празнота.
- Ameba — Контролната зала в полунощ – електрическо синьо пулсиране вътре в матирано стъкло
- AgentQL — Северно сияние над терминала през нощта
- Frame — Кино за късни нощни прожекции на филми. Тъмна стая, където един-единствен син прожектор върши цялата работа, а потребителският интерфейс се слива с фона, позволявайки прожектирането на креативно съдържание напред.
- Harness — Контрол на мисията в полунощ с фосфоресциращи зелени акценти