Auros
Abyssal terminal na may mga bioluminescent data ball
Gumagana ang Auros bilang isang fintech terminal na nakapuwesto sa kailaliman: isang halos itim na turquoise canvas na may mga bioluminescent data orb at light gradients mula turquoise hanggang pink, na lumilikha ng pakiramdam ng lalim, fluidity, at daloy. Minimalist at cinematic ang interface, umaasa sa isang display ng user (Matter) na may katamtamang kapal na may agresibong negatibong tracking upang lumikha ng sukat nang hindi masyadong magarbo. Pantay-pantay ang distribusyon ng mga kulay—achromatic white at silver ang ginagamit para sa halos lahat ng nilalaman, habang ang chromatic palette ay nakalaan para sa mga atmospheric gradient, natatanging mga ibabaw ng card, at isang signature pill-shaped button na nagbabago ng kulay mula turquoise-blue hanggang lavender-pink. Lumulutang ang mga card sa mga banayad na turquoise surface ridge (16px radius, walang mga anino) sa halip na taas, kaya ang hierarchy ay nakikita bilang lalim ng tubig sa halip na isang anino sa papel. Ang mga bahagi ay mukhang maalalahanin at parang instrumento: mga uppercase tracking mark, manipis na geometric arrow icon, malalaking numeric readout sa mapusyaw na pink.
Isang madilim, full-width na canvas na may nilalamang nasa maximum na lapad na 1440px. Ang pangunahing elemento ay isang nakasentrong text block (kilay → headline → subtext → call to action) na sumasaklaw sa buong taas ng viewport, na may isang particle bilang elemento sa background. Ang mga seksyon ay mga full-width na strip na pinaghihiwalay ng malalaking 68px+ na patayong espasyo, na nagpapalitan sa pagitan ng canvas at bahagyang nakaumbok na mga ibabaw. Ang seksyong "Explore" ay gumagamit ng asymmetrical na layout na may dalawang haligi: ang kaliwang haligi ay naglalaman ng mga nakasalansan na feature card, habang ang kanang haligi ay nagtatampok ng isang geometric molecular illustration. Ang nilalaman ay nakasentro sa makikipot na haligi (maximum na ~600px) para sa madaling pagbabasa, sa halip na lumawak mula sa gilid patungo sa gilid. Ang footer ay isang nakaumbok na hukay (#011d1c) na may 120px na patayong margin, na lumilikha ng epekto ng isang malalim na pool. Ang nabigasyon ay isang manipis, transparent na panel na may mga elementong naka-espasyo nang 16–24px ang pagitan. Ang pangkalahatang ritmo ay sinematiko at maluwang—bawat seksyon ay humihinga, at ang malalim, parang tubig na scheme ng kulay ay lumilikha ng pakiramdam ng paglubog nang mas malalim sa bawat sipi.
Minimalist at atmospheric ang biswal na istilo. Tampok sa homepage ang isang three-dimensional na particle sphere—libu-libong maliliit na turquoise-blue at puting tuldok na bumubuo ng umiikot na sphere na umaalingawngaw sa canvas at mga lavender-pink na accent sa mga gilid, na lumilikha ng bioluminescent effect na nakapagpapaalaala sa isang bagay na nagbibigay ng impormasyon. Ang mga flat geometric molecular diagram (mga puting bilog at manipis na linyang nagdudugtong sa isang madilim na canvas) ay nagsisilbing pandekorasyon na elemento sa kanang column. Walang mga litrato, walang mga imahe ng pamumuhay, walang mga tao—ang visual na wika ay batay sa malinis na data graphics at mga abstract na anyo. Ang particle sphere ang nagpapakilalang visual na elemento ng pagkakakilanlan ng tatak; dapat itong lumitaw nang kahit isang beses sa bawat mahalagang pahina upang mapalakas ang metapora sa malalim na dagat.
Paleta
Tatak
- Liquid Abyss
#012624— Ang pangunahing background ay ang base, header, pangunahing elemento, at nangingibabaw na maitim na turkesang kulay ng pahina. Lumilikha ito ng atmospera ng malalim na dagat. - Liquid Deep
#011d1c— Ang nakaumbok na antas ng ibabaw ay ang background ng footer at mas malalalim na mga panel ng karton. Ito ay nakikita bilang kalahating kulay na mas matingkad kaysa sa canvas, na lumilikha ng banayad na pababang gradient ng lalim. - Liquid Kelp
#003734— Nakataas na ibabaw ng card at button fill—isang nakataas na ibabaw na nakaposisyon isang hakbang sa itaas ng bangin. Ginagamit para sa mga feature card, content panel, at ang panimulang punto ng isang gradient button.
Neutral
- Liquid Mist
#edfffe— Ang malamig na lilim ng puti ay nagbibigay-diin sa katawan ng teksto, mga pamagat ng seksyon, at mainit at magaan na tipograpiya. Ang banayad na asul na kulay ay nag-uugnay sa katawan ng teksto sa iskema ng kulay turkesa. - Platinum
#ffffff— Ang purong puti ay ginagamit para sa mga heading, elemento ng nabigasyon, mga balangkas ng icon, at tekstong may mataas na contrast. Ito ang pangunahing kulay ng teksto sa lahat ng antas ng heading at sa pangunahing nabigasyon. - Silver Mist
#bbc7c6— Pangalawang teksto, mga naka-mute na paglalarawan, at kulay ng link sa kanilang orihinal na estado. Mayroon silang bahagyang maberdeng kulay, na kumukumpleto sa turkesang background. - Ash
#f2f2f2— Karagdagang teksto para sa mga sipi at rebyu. Isang neutral at malamig na kulay abo kapag ang turquoise undertone ng Silver Mist ay tila masyadong matingkad. - Slate Deep
#707777— Isang banayad na kulay sa ibabaw para sa mga background na hindi aktibo o hindi gaanong nakikita. Ito ay nasa pagitan ng canvas at karton, na nagbibigay ng napakaliit na pagkakaiba sa taas. - Lavender Phosphor
#fde9ff— Kulay ng backlight para sa malalaking istatistika, mga numero ng counter, at mahahalagang sukatan. Ang kulay rosas na kulay sa signature gradient ay ginagamit nang matipid bilang isang maliwanag na accent sa madilim na mga ibabaw.
Tipograpiya
mula 10 hanggang 96px · 6 na hakbang
- Matter — kapalit: Inter · mga balangkas 400, 500 · Ang pangunahing font para sa mga heading at body copy ay ginagamit na may bigat na 500 para sa lahat ng heading (H1–H3) at malaking kinetic text (86–295px). Ang bigat na 400 ay ginagamit para sa body copy at UI text. Nagtatampok ito ng agresibong negative letter spacing sa malalaking sukat (-0.04em sa 61px, -0.046em sa 86px) at malawak na positive letter spacing sa title caps (0.08em sa 20px, 0.12em sa 12px, 0.15em sa 10px). Ang estratehiya ng paggamit lamang ng katamtamang bigat para sa mga heading ay isang natatanging katangian—walang bold o light font—na nagbibigay sa font ng pare-pareho at mekanikal na kumpiyansa.
- Arial — kapalit: system-ui · mga balangkas 400 · Isang pangalawang fallback para sa mga interactive na elemento ng UI (nabigasyon, mga button, header microcopy, footer). Lumalabas lamang sa 14px – ginagamit bilang ligtas at pangkalahatang fallback kapag hindi naka-load ang Matter, at sumasaklaw sa mga label ng form, teksto ng button, at maliit na helper text.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | karaniwan |
| Pangunahing hakbang | 20px |
| Radius ng buton | 6px |
| Radius ng card | 16px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 68px |
| Lapad ng pahina | 1440px |
Gagawa ang AI ng website mo sa estilong Auros at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Design Full-Time — isang studio cinema na may isang mainit na spotlight
- Air — eskultura na "Hatinggabing Langit sa Pamamagitan ng Salamin"
- Slash — Hatinggabing vault na may ginintuang mga ledger
- Raycast — Sentro ng Pamumuno sa Hatinggabi, Coral Neon
- Dimension — isang workstation na naliliwanagan ng takipsilim na may mga panel na may frosted glass
- Modal — Isang phosphorescent terminal sa isang madilim na silid ng server - ang tanging pinagmumulan ng liwanag ay isang matingkad na berdeng kulay
- Giga — Hatinggabi na abot-tanaw sa ibabaw ng nagyelong obsidian
- Reflect Notes — Ang mabituing lilang kalawakan ay isang madilim na obserbatoryo kung saan ang mga nota ay lumulutang na parang mga konstelasyon laban sa likuran ng halos itim na kawalan ng indigo.
- Ameba — Ang control room sa hatinggabi – isang electric blue pulse sa loob ng mga frosted glass panel
- AgentQL — Mga Northern Lights sa ibabaw ng terminal sa gabi
- Frame — Isang sinehan para sa mga palabas ng pelikula sa hatinggabi. Isang madilim na silid kung saan isang asul na spotlight lang ang gumagawa ng lahat ng trabaho, at ang user interface ay kumukupas sa background, na nagpapahintulot sa malikhaing nilalaman na mai-project pasulong.
- Harness — Mission Control sa hatinggabi na may mga accent na berde na may phosphorescent