Auros
Abisala terminalo kun biolumineskaj datenpilkoj
Auros funkcias kiel financteknologia terminalo nestiĝanta en la abismo: preskaŭ nigra turkisa kanvaso kun biolumineskaj datengloboj kaj lumgradintoj de turkisa ĝis roza, kreante senton de profundo, flueco kaj fluo. La interfaco estas minimalista kaj kinematografia, fidante je ununura uzantekrano (Matter) de meza dikeco kun agresema negativa spurado por krei skalon sen esti tro pompaĉa. La koloroj estas egale distribuitaj - akromataj blankuloj kaj arĝentoj estas uzataj por preskaŭ ĉiu enhavo, dum la kromata paletro estas rezervita por atmosferaj gradientoj, distingantaj kartsurfacojn, kaj ununura signatura pilolforma butono, kiu ŝanĝas koloron de turkisblua al lavendrozkolora. Kartoj flosas sur subtilaj turkisaj surfacaj krestoj (16-rastruma radiuso, sen ombroj) anstataŭ alteco, do hierarkio estas perceptita kiel la profundo de akvo anstataŭ ombro sur papero. La komponantoj aspektas pensemaj kaj instrumentosimilaj: majusklaj spuraj markoj, maldikaj geometriaj sagikonoj, grandaj numeraj legiloj en palroza koloro.
Malhela, plenlarĝa kanvaso kun enhavo je maksimuma larĝo de 1440 rastrumeroj. La ĉefa elemento estas centrita teksta bloko (frunto → titolo → subteksto → alvoko al ago) kiu ampleksas la tutan vidfenestran altecon, kun partiklo kiel fona elemento. Sekcioj estas plenlarĝaj strioj apartigitaj per grandaj vertikalaj spacoj de pli ol 68 rastrumeroj, alternante inter kanvaso kaj iomete niĉitaj surfacoj. La sekcio "Esplori" uzas nesimetrian dukolumnan aranĝon: la maldekstra kolumno enhavas staplitajn trajtajn kartojn, dum la dekstra kolumno prezentas geometrian molekulan ilustraĵon. La enhavo estas centrita en mallarĝaj kolumnoj (maksimumo ~600 rastrumeroj) por facila legado, anstataŭ etendiĝi de rando al rando. La piednoto estas niĉita kavo (#011d1c) kun vertikala marĝeno de 120 rastrumeroj, kreante la efikon de profunda naĝejo. La navigado estas maldika, travidebla panelo kun elementoj interspacigitaj je 16–24 rastrumeroj. La ĝenerala ritmo estas kinematografia kaj vasta - ĉiu sekcio spiras, kaj la profunda, akveca kolorskemo kreas la senton de fali pli profunden kun ĉiu pasaĵo.
La vida stilo estas minimalista kaj atmosfera. La ĉefpaĝo prezentas tridimensian partiklan sferon — miloj da etaj turkisbluaj kaj blankaj punktoj formas rotaciantan sferon, kiu ripetas la kanvason, kaj lavendrozkolorajn akcentojn laŭlonge de la randoj, kreante biolumineskan efikon rememorigan pri informa objekto. Plataj geometriaj molekulaj diagramoj (blankaj cirkloj kaj maldikaj konektaj linioj sur malhela kanvaso) servas kiel ornamaj elementoj en la dekstra kolumno. Neniuj fotoj, neniuj vivstilbildoj, neniuj homoj — la vida lingvo baziĝas sur puraj datengrafikoj kaj abstraktaj formoj. La partikla sfero estas la difina vida elemento de la markidenteco; ĝi devas aperi almenaŭ unufoje sur ĉiu grava paĝo por plifortigi la profundan maran metaforon.
Paletro
Marko
- Liquid Abyss
#012624— La ĉefa fono estas la bazo de la paĝo, la kaplinio, la ĉefa elemento, kaj la domina malhel-turkisa kampo. Ĝi kreas profundan maran etoson. - Liquid Deep
#011d1c— La niĉita surfaco estas la piednoto kaj pli profundaj kartonaj paneloj. Ĝi estas perceptita kiel duontono pli malhela ol la kanvaso, kreante subtilan malsupreniran gradienton de profundo. - Liquid Kelp
#003734— Ŝvelinta kartsurfaco kaj butonplenigo — ŝvelinta surfaco poziciigita unu ŝtupon super la abismo. Uzata por trajtaj kartoj, enhavpaneloj kaj la deirpunkto de gradienta butono.
Neŭtrala
- Liquid Mist
#edfffe— Malvarmeta nuanco de blanka reliefigas la ĉefan tekston, sekciajn titolojn, kaj varman, helan tipografion. Subtila blua nuanco ligas la ĉefan tekston al la turkisa kolorskemo. - Platinum
#ffffff— Pura blanko estas uzata por titoloj, navigaciaj elementoj, konturoj de ikonoj kaj alt-kontrasta teksto. Ĝi estas la ĉefa tekstkoloro en ĉiuj titolo-niveloj kaj la ĉefa navigado. - Silver Mist
#bbc7c6— Dua teksto, malfortigitaj priskriboj, kaj ligilkoloro en ilia originala stato. Ili havas iometan verdecan nuancon, kompletigante la turkisan fonon. - Ash
#f2f2f2— Plia teksto por citaĵoj kaj recenzoj. Neŭtrala, malvarmeta griza nuanco por kiam la turkisa subtono de Silver Mist ŝajnas tro hela. - Slate Deep
#707777— Subtila surfaca nuanco por neaktivaj aŭ malbone videblaj fonoj. Ĝi sidas inter la kanvaso kaj la kartono, provizante tre subtilan altecdiferencon. - Lavender Phosphor
#fde9ff— Fonluma koloro por grandaj statistikoj, kalkuliloj kaj gravaj metrikoj. La rozkolora nuanco en la signatura gradiento estas uzata ŝpareme kiel luma akcento sur malhelaj surfacoj.
Tipografio
de 10 ĝis 96 rastrumeroj · 6 paŝoj
- Matter — anstataŭaĵo: Inter · konturoj 400, 500 · La ĉefa tiparo por titoloj kaj ĉefa teksto estas uzata kun pezo de 500 por ĉiuj titoloj (H1–H3) kaj granda kineta teksto (86–295 rastrumeroj). Pezo de 400 estas uzata por ĉefa teksto kaj uzantinterfaco-teksto. Ĝi havas agreseman negativan interspacon inter literoj ĉe grandaj grandecoj (-0,04 em je 61 rastrumeroj, -0,046 em je 86 rastrumeroj) kaj larĝan pozitivan interspacon inter literoj en titoloj (0,08 em je 20 rastrumeroj, 0,12 em je 12 rastrumeroj, 0,15 em je 10 rastrumeroj). La strategio uzi nur mezan pezon por titoloj estas distinga trajto — neniu grasa aŭ hela tiparo — kiu donas al la tiparo unuforman, mekanikan memfidon.
- Arial — anstataŭaĵo: system-ui · konturoj 400 · Dua rezervaĵo por interagaj UI-elementoj (navigado, butonoj, mikrokopio de la paĝokapo, piednoto). Aperas nur je 14 rastrumeroj - uzata kiel sekura, universala rezervaĵo kiam Matter ne estas ŝarĝita, kaj kovras formularajn etikedojn, butonan tekston kaj malgrandan helpan tekston.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | averaĝa |
| Baza paŝo | 20px |
| Butona radiuso | 6px |
| Karto-radiuso | 16px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 68px |
| Paĝlarĝo | 1440px |
AI konstruos vian retejon laŭ la stilo de Auros kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Design Full-Time — studia kinejo kun unu varma lumĵetilo
- Air — skulptaĵo "Noktomeza Ĉielo Tra Vitro"
- Slash — Noktomeza trezorejo kun orumitaj ĉeflibroj
- Raycast — Noktomeza Komandcentro, Koralruĝa Neono
- Dimension — krepusk-lumigita laborejo kun pruvitraj paneloj
- Modal — Fosforeska terminalo en mallumigita servilĉambro - la sola lumfonto estas helverda koloro
- Giga — Noktomeza horizonto super frostigita obsidiano
- Reflect Notes — Stelplena viola spaco estas malhela observejo, kie notoj ŝvebas kiel konstelacioj kontraŭ fono de preskaŭ nigra indiga malpleneco.
- Ameba — La direktejo je noktomezo - elektra blua pulso ene de frostvitraj paneloj
- AgentQL — Nordaj lumoj super la terminalo nokte
- Frame — Kinejo por malnoktaj film-projekcioj. Malhela ĉambro, kie ununura blua lumĵetilo faras la tutan laboron, kaj la uzulinterfaco malaperas en la fonon, permesante ke kreiva enhavo estu projekciita antaŭen.
- Harness — Misikontrolo je noktomezo kun fosforeskaj verdaj akcentoj