Auros
Abesāla terminālis ar bioluminiscējošām datu bumbām
Auros darbojas kā finanšu tehnoloģiju terminālis, kas iestrēdzis bezdibenī: gandrīz melns tirkīza audekls ar bioluminiscējošām datu sfērām un gaismas gradientiem no tirkīza līdz rozā, radot dziļuma, plūstamības un plūsmas sajūtu. Saskarne ir minimālistiska un kinematogrāfiska, paļaujoties uz viena lietotāja displeju (Matter) vidēja biezuma ar agresīvu negatīvu izsekošanu, lai radītu mērogu, nebūdams pārāk uzkrītošs. Krāsas ir vienmērīgi sadalītas — ahromatiski balti un sudrabi tiek izmantoti gandrīz visam saturam, savukārt hromatiskā palete ir rezervēta atmosfēriskiem gradientiem, atšķirīgām karšu virsmām un vienai raksturīgai tabletes formas pogai, kas maina krāsu no tirkīza zilas uz lavandas rozā. Kartes peld uz smalkām tirkīza virsmas izciļņiem (16 pikseļu rādiuss, bez ēnām), nevis augstumā, tāpēc hierarhija tiek uztverta kā ūdens dziļums, nevis ēna uz papīra. Komponenti izskatās pārdomāti un līdzīgi instrumentiem: lielie burtu izsekošanas zīmes, plānas ģeometriskas bultiņu ikonas, lieli skaitliski rādījumi gaiši rozā krāsā.
Tumšs, pilna platuma audekls ar saturu, kura maksimālais platums ir 1440 pikseļi. Galvenais elements ir centrēts teksta bloks (uzacis → virsraksts → apakšteksts → aicinājums uz darbību), kas aptver visu skata loga augstumu, un fona elements ir daļiņa. Sadaļas ir pilna platuma joslas, ko atdala lielas, vairāk nekā 68 pikseļu vertikālas atstarpes, pārmaiņus starp audeklu un nedaudz padziļinātām virsmām. Sadaļā “Izpēte” tiek izmantots asimetrisks divu kolonnu izkārtojums: kreisajā kolonnā ir sakrautas funkciju kartītes, bet labajā kolonnā ir ģeometriska molekulāra ilustrācija. Saturs ir centrēts šaurās kolonnās (maksimums ~600 pikseļi), lai būtu vieglāk lasīt, nevis stiepjas no malas līdz malai. Kājene ir padziļināta bedre (#011d1c) ar 120 pikseļu vertikālu malu, radot dziļa baseina efektu. Navigācija ir plāns, caurspīdīgs panelis ar elementiem, kas izvietoti 16–24 pikseļu attālumā viens no otra. Kopējais ritms ir kinematogrāfisks un plašs — katra sadaļa elpo, un dziļā, ūdenim līdzīgā krāsu shēma rada sajūtu, ka ar katru fragmentu iekrītat dziļāk.
Vizuālais stils ir minimālistisks un atmosfērisks. Mājaslapā ir attēlota trīsdimensiju daļiņu sfēra — tūkstošiem sīku tirkīzzilu un baltu punktiņu, kas veido rotējošu sfēru, kura atspoguļo audekla krāsu, un lavandas rozā akcenti gar malām, radot bioluminiscējošu efektu, kas atgādina informācijas objektu. Labajā kolonnā kā dekoratīvi elementi kalpo plakanas ģeometriskas molekulārās diagrammas (balti apļi un plānas savienojošas līnijas uz tumša audekla). Nav fotogrāfiju, nav dzīvesveida attēlu, nav cilvēku — vizuālā valoda ir balstīta uz tīru datu grafiku un abstraktām formām. Daļiņu sfēra ir zīmola identitātes noteicošais vizuālais elements; tai jāparādās vismaz vienu reizi katrā svarīgā lapā, lai pastiprinātu dziļjūras metaforu.
Palete
Zīmols
- Liquid Abyss
#012624— Galvenais fons ir lapas apakšdaļa, galvene, galvenais elements un dominējošais tumši tirkīza lauks. Tas rada dziļjūras atmosfēru. - Liquid Deep
#011d1c— Padziļinātais virsmas līmenis ir kājenes fons un dziļāki kartona paneļi. Tas tiek uztverts kā par pustonu tumšāks nekā audekls, radot nelielu dziļuma gradientu lejup. - Liquid Kelp
#003734— Pacelta kartes virsma un pogas aizpildījums — pacelta virsma, kas novietota vienu pakāpienu virs aizas. Izmanto funkciju kartēm, satura paneļiem un gradienta pogas sākuma punktam.
Neitrāls
- Liquid Mist
#edfffe— Vēss balts tonis izceļ pamattekstu, sadaļu virsrakstus un silto, gaišo tipogrāfiju. Maigs zils tonis sasaista pamattekstu ar tirkīza krāsu shēmu. - Platinum
#ffffff— Tīri balta krāsa tiek izmantota virsrakstiem, navigācijas elementiem, ikonu kontūrām un augsta kontrasta tekstam. Tā ir galvenā teksta krāsa visos virsrakstu līmeņos un galvenajā navigācijā. - Silver Mist
#bbc7c6— Sekundārais teksts, klusināti apraksti un saites krāsa to sākotnējā stāvoklī. Tiem ir nedaudz zaļgana nokrāsa, kas papildina tirkīza fonu. - Ash
#f2f2f2— Papildu teksts citātiem un atsauksmēm. Neitrāls, vēsi pelēks tonis, ja Sudraba miglas tirkīza apakštonis šķiet pārāk spilgts. - Slate Deep
#707777— Neuzkrītošs virsmas tonis neaktīviem vai slikti saskatāmiem foniem. Tas atrodas starp audeklu un kartonu, radot ļoti nelielu augstuma atšķirību. - Lavender Phosphor
#fde9ff— Fona apgaismojuma krāsa lieliem statistikas datiem, skaitītāju skaitļiem un svarīgiem rādītājiem. Rozā nokrāsa raksturīgajā gradientā tiek izmantota taupīgi kā gaismas akcents uz tumšām virsmām.
Tipogrāfija
no 10 līdz 96 pikseļiem · 6 soļi
- Matter — nomaiņa: Inter · kontūras 400, 500 · Virsrakstiem un pamattekstam tiek izmantots primārais fonts ar 500 svaru visiem virsrakstiem (H1–H3) un lielam kinētiskajam tekstam (86–295 pikseļi). Pamattekstam un lietotāja interfeisa tekstam tiek izmantots 400 svars. Lielos izmēros tam ir agresīva negatīva burtu atstarpe (-0,04em pie 61 pikseļa, -0,046em pie 86 pikseļiem) un plata pozitīva burtu atstarpe virsrakstu lielajiem burtiem (0,08em pie 20 pikseļiem, 0,12em pie 12 pikseļiem, 0,15em pie 10 pikseļiem). Stratēģija, kurā virsrakstiem tiek izmantots tikai vidējs svars, ir atšķirīga iezīme — nav treknraksta vai gaiša fonta —, kas piešķir fontam vienmērīgu, mehānisku pārliecību.
- Arial — nomaiņa: system-ui · kontūras 400 · Otrreizēja alternatīva interaktīviem lietotāja interfeisa elementiem (navigācijai, pogām, galvenes mikrokopijai, kājenei). Parādās tikai 14 pikseļos — tiek izmantots kā droša, universāla alternatīva, kad Matter nav ielādēts, un aptver veidlapu nosaukumus, pogu tekstu un nelielu palīgtekstu.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 20px |
| Pogas rādiuss | 6px |
| Kartes rādiuss | 16px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 68px |
| Lapas platums | 1440px |
Mākslīgais intelekts izveidos jūsu vietni Auros stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Design Full-Time — studijas kinoteātris ar vienu siltu prožektoru
- Air — skulptūra "Pusnakts debesis caur stiklu"
- Slash — Pusnakts velve ar apzeltītiem grāmatvedības žurnāliem
- Raycast — Pusnakts komandcentrs, Koraļļu neons
- Dimension — krēslā apgaismota darbstacija ar matēta stikla paneļiem
- Modal — Fosforescējošs terminālis aptumšotā serveru telpā — vienīgais gaismas avots ir spilgti zaļa krāsa
- Giga — Pusnakts horizonts virs matēta obsidiāna
- Reflect Notes — Zvaigžņotā violetā telpa ir tumša observatorija, kur notis peld kā zvaigznāji uz gandrīz melna indigo tukšuma fona.
- Ameba — Vadības telpa pusnaktī – elektriski zils pulss matēta stikla paneļos
- AgentQL — Ziemeļblāzma virs termināļa naktī
- Frame — Kinoteātris filmu rādīšanai vēlu vakarā. Tumša telpa, kurā visu darbu veic viens zils prožektors un lietotāja saskarne atkāpjas fonā, ļaujot radošam saturam projicēt uz priekšu.
- Harness — Misijas vadības centrs pusnaktī ar fosforescējošiem zaļiem akcentiem