Auros
Биолюминесценттик маалымат шарлары бар түпсүз терминал
Auros түпсүз туңгуюкта жайгашкан финтех терминалы катары иштейт: биолюминесценттик маалымат шарлары жана бирюзадан кызгылт түскө чейинки жарык градиенттери бар дээрлик кара бирюза түстүү полотно, тереңдик, суюктук жана агым сезимин жаратат. Интерфейс минималисттик жана кинематографиялык, өтө эле жаркыраган болбостон масштабды түзүү үчүн агрессивдүү терс көзөмөлдөө менен орточо калыңдыктагы бир колдонуучу дисплейине (Matter) таянат. Түстөр бирдей бөлүштүрүлгөн — дээрлик бардык мазмун үчүн ахроматикалык ак жана күмүш түстөр колдонулат, ал эми хроматикалык палитра атмосфералык градиенттер үчүн сакталган, карта беттерин айырмалап турат жана түсүн бирюза-көктөн лаванда-кызгылт түскө өзгөрткөн бир кол тамга таблетка формасындагы баскыч бар. Карталар бийиктикте эмес, назик бирюза бетинин кырларында (16 пиксель радиуста, көлөкө жок) калкып жүрөт, ошондуктан иерархия кагаздагы көлөкө эмес, суунун тереңдиги катары кабыл алынат. Компоненттер ойлонулган жана аспап сыяктуу көрүнөт: баш тамгаларды көзөмөлдөө белгилери, ичке геометриялык жебе сүрөтчөлөрү, боз кызгылт түстөгү чоң сандык окуулар.
Караңгы, толук туурасындагы полотно, максималдуу туурасы 1440 пиксель. Негизги элемент - бул көрүү терезесинин бүт бийиктигин камтыган борборлоштурулган текст блогу (каш → аталыш → кошумча текст → аракетке чакыруу), ал фондук элемент катары бөлүкчө менен коштолот. Бөлүктөр - бул полотно менен бир аз оюк беттердин ортосунда кезектешип жайгашкан 68 пикселден ашык чоң вертикалдуу боштуктар менен бөлүнгөн толук туурасындагы тилкелер. "Изилдөө" бөлүмүндө асимметриялык эки тилкелүү макет колдонулат: сол тилкеде үйүлгөн өзгөчөлүк карталары камтылган, ал эми оң тилкеде геометриялык молекулярдык иллюстрация көрсөтүлгөн. Мазмун четинен четине чейин созулбай, окууну жеңилдетүү үчүн кууш тилкелердин борборунда (максимум ~600 пиксель) жайгашкан. Төмөнкү колонтитул - терең көлмөнүн эффектин жараткан 120 пикселдик вертикалдуу чети бар оюк чуңкур (#011d1c). Навигация - бул элементтери 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дон 96 пикселге чейин · 6 кадам
- Matter — алмаштыруу: Inter · контурлар 400, 500 · Башкы беттер жана негизги текст үчүн негизги шрифт бардык аталыштар (H1–H3) жана чоң кинетикалык текст (86–295 пиксель) үчүн 500 калыңдыкта колдонулат. Негизги текст жана колдонуучу интерфейсинин тексти үчүн 400 калыңдыкта колдонулат. Ал чоң өлчөмдөрдө агрессивдүү терс тамгалар аралыктарын (61 пиксельде -0.04em, 86 пиксельде -0.046em) жана аталыштардын баш тамгаларындагы кең оң тамгалар аралыктарын (20 пиксельде 0.08em, 12 пиксельде 0.12em, 10 пиксельде 0.15em) камтыйт. Башкы беттер үчүн орточо калыңдыкта гана колдонуу стратегиясынын айырмалоочу өзгөчөлүгү - калың же ачык шрифттин жоктугу - бул шрифтке бирдиктүү, механикалык ишенимдүүлүк берет.
- Arial — алмаштыруу: system-ui · контурлар 400 · Интерактивдүү UI элементтери (навигация, баскычтар, колонтитулдун микрокөчүрмөсү, колонтитул) үчүн кошумча резервдик көчүрмө. 14 пиксель өлчөмүндө гана пайда болот – Matter жүктөлбөгөн учурда коопсуз, универсалдуу резервдик көчүрмө катары колдонулат жана форма энбелгилерин, баскыч текстин жана кичинекей жардамчы текстти камтыйт.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | орточо |
| Негизги кадам | 20px |
| Баскычтын радиусу | 6px |
| Картанын радиусу | 16px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 68px |
| Барактын туурасы | 1440px |
Жасалма интеллект сиздин веб-сайтыңызды Auros стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Design Full-Time — бир жылуу прожектору бар студиялык кинотеатр
- Air — "Түнкү асман айнек аркылуу" скульптурасы
- Slash — Алтын жалатылган китептери бар түнкү сейф
- Raycast — Түнкү командалык борбору, Корал Неон
- Dimension — күүгүмдө жарыктандырылган, айнек панелдери менен капталган жумушчу станция
- Modal — Караңгы сервер бөлмөсүндөгү фосфоресценттүү терминал - жалгыз жарык булагы - ачык жашыл түс
- Giga — Түнкү горизонтто тоңгон обсидиан үстүндө
- Reflect Notes — Жылдыздуу кызгылт көк мейкиндик – бул дээрлик кара индиго боштугунун фонунда ноталар топ жылдыздардай калкып жүргөн караңгы обсерватория.
- Ameba — Түн ортосу боюнча башкаруу бөлмөсү – күңүрт айнек панелдердин ичиндеги көк электрдик импульс
- AgentQL — Түнкүсүн терминалдын үстүндөгү түндүк жаркыроолору
- Frame — Түнкүсүн кино көрсөтүү үчүн кинотеатр. Бардык жумушту бир гана көк прожектор аткарып, колдонуучу интерфейси фонго тартылып, чыгармачыл мазмунду алдыга жылдырууга мүмкүндүк берген караңгы бөлмө.
- Harness — Фосфоресценттүү жашыл түстөгү түнкү 12деги Миссияны башкаруу