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 — Фосфоресцент яшел төстәге төн уртасындагы Миссия контроле