Auros
Абисален терминал со биолуминисцентни топчиња за податоци
Auros функционира како финтех терминал сместен во бездната: речиси црно тиркизно платно со биолуминисцентни податочни сфери и светлосни градиенти од тиркизна до розова, создавајќи чувство на длабочина, флуидност и проток. Интерфејсот е минималистички и кинематографски, потпирајќи се на еден кориснички дисплеј (Matter) со средна дебелина со агресивно негативно следење за да се создаде скала без да биде премногу шарено. Боите се рамномерно распределени - ахроматските бели и сребрени бои се користат за речиси целата содржина, додека хроматската палета е резервирана за атмосферски градиенти, разликување на површините на картичките и едно копче во форма на апче кое ја менува бојата од тиркизно-сина во лаванда-розова. Картичките лебдат на суптилни тиркизни површински гребени (радиус од 16px, без сенки) наместо на висина, па хиерархијата се перцепира како длабочина на водата, а не како сенка на хартија. Компонентите изгледаат внимателно и како инструменти: ознаки за следење со големи букви, тенки геометриски икони со стрелки, големи нумерички отчитувања во бледо розова боја.
Темно платно со полна ширина и содржина со максимална ширина од 1440 пиксели. Главниот елемент е центриран текстуален блок (веѓе → наслов → подтекст → повик за акција) што се протега низ целата висина на прозорецот за гледање, со честичка како елемент во позадина. Секциите се ленти со полна ширина одделени со големи вертикални празни места од над 68 пиксели, наизменично помеѓу платно и малку вдлабнати површини. Делот „Истражувај“ користи асиметричен распоред со две колони: левата колона содржи наредени картички со карактеристики, додека десната колона содржи геометриска молекуларна илустрација. Содржината е центрирана во тесни колони (максимум ~600 пиксели) за лесно читање, наместо да се протега од раб до раб. Подножјето е вдлабната јама (#011d1c) со вертикална маргина од 120 пиксели, создавајќи ефект на длабок базен. Навигацијата е тенок, транспарентен панел со елементи распоредени на растојание од 16–24 пиксели. Целокупниот ритам е кинематографски и простран - секој дел дише, а длабоката, шема на бои слична на вода создава чувство на паѓање подлабоко со секој пасус.
Визуелниот стил е минималистички и атмосферски. Почетната страница претставува тродимензионална сфера од честички - илјадници ситни тиркизно-сини и бели точки кои формираат ротирачка сфера што одекнува на платното и лаванда-розови акценти по рабовите, создавајќи биолуминисцентен ефект што потсетува на информациски објект. Рамни геометриски молекуларни дијаграми (бели кругови и тенки линии за поврзување на темно платно) служат како декоративни елементи во десната колона. Без фотографии, без слики од животен стил, без луѓе - визуелниот јазик се базира на чиста графика на податоци и апстрактни форми. Сферата од честички е дефинирачкиот визуелен елемент на идентитетот на брендот; таа мора да се појави барем еднаш на секоја важна страница за да се зајакне метафората за длабокото море.
Палета
Бренд
- 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 — Контрола на мисијата на полноќ со фосфоресцентни зелени акценти