Auros
Lub davhlau ya nyob twg tob nrog cov pob ntaub ntawv bioluminescent
Auros ua haujlwm ua lub davhlau ya nyob twg fintech nyob hauv lub qhov tob: ib daim ntaub turquoise ze li dub nrog cov ntaub ntawv bioluminescent thiab cov xim sib txawv ntawm turquoise mus rau liab, tsim kom muaj qhov tob, kev sib xyaw, thiab kev ntws. Lub interface yog minimalist thiab cinematic, vam khom rau ib tus neeg siv zaub (Matter) ntawm qhov nruab nrab tuab nrog kev taug qab tsis zoo los tsim qhov ntsuas yam tsis muaj kev ci ntsa iab. Cov xim tau faib sib npaug - cov dawb thiab cov nyiaj achromatic siv rau yuav luag txhua cov ntsiab lus, thaum lub palette chromatic yog tseg rau cov xim sib txawv hauv huab cua, sib txawv ntawm daim npav nto, thiab ib lub pob kos npe zoo li tshuaj ntsiav uas hloov xim los ntawm turquoise-xiav mus rau lavender-pink. Daim npav ntab rau ntawm cov kab turquoise me me (16px radius, tsis muaj duab ntxoov ntxoo) es tsis yog qhov siab, yog li hierarchy raug pom tias yog qhov tob ntawm dej es tsis yog duab ntxoov ntxoo ntawm daim ntawv. Cov khoom zoo li xav thiab zoo li cov cuab yeej: cov cim taug qab loj, cov cim xub geometric nyias nyias, cov lej loj nyeem hauv xim liab dawb.
Ib daim ntaub dub, dav tag nrho nrog cov ntsiab lus ntawm qhov dav tshaj plaws ntawm 1440px. Lub ntsiab lus tseem ceeb yog ib daim ntawv sau nruab nrab (brow → headline → subtext → call to action) uas nthuav dav tag nrho qhov siab ntawm qhov viewport, nrog rau ib qho khoom me me ua keeb kwm yav dhau. Cov seem yog cov kab txaij dav tag nrho sib cais los ntawm qhov chaw loj 68px+ ntsug, hloov pauv ntawm daim ntaub thiab cov chaw me me. Ntu "Tshawb Nrhiav" siv qhov kev teeb tsa ob kab tsis sib xws: kab sab laug muaj cov ntawv qhia tshwj xeeb sib dhos, thaum kab sab xis muaj cov duab geometric molecular. Cov ntsiab lus nyob hauv nruab nrab ntawm cov kab nqaim (qhov siab tshaj plaws ~ 600px) rau kev nyeem yooj yim, es tsis txhob ncab ntawm ntug mus rau ntug. Lub footer yog lub qhov recessed (# 011d1c) nrog 120px ntsug margin, tsim cov nyhuv ntawm lub pas dej tob. Kev navigation yog ib lub vaj huam sib luag nyias, pob tshab nrog cov ntsiab lus sib nrug 16–24px. Lub suab tag nrho yog cinematic thiab dav - txhua ntu ua pa, thiab cov xim tob, zoo li dej tsim qhov kev xav ntawm kev poob tob dua nrog txhua kab.
Tus qauv pom yog minimalist thiab atmospheric. Lub homepage muaj lub voos xwmfab peb-seem—ntau txhiab lub me me turquoise-xiav thiab dawb dots tsim lub voos xwmfab tig uas echoes lub canvas thiab lavender-pink accents raws ntug, tsim kom muaj bioluminescent effect reminiscent ntawm ib yam khoom ntaub ntawv. Cov duab geometric tiaj tus (lub voj voog dawb thiab cov kab txuas nyias nyias ntawm ib daim canvas tsaus) ua haujlwm ua cov khoom dai kom zoo nkauj hauv kem sab xis. Tsis muaj duab, tsis muaj duab kev ua neej, tsis muaj tib neeg—cov lus pom yog raws li cov duab ntaub ntawv huv si thiab cov duab abstract. Lub voos xwmfab yog lub ntsiab lus pom ntawm lub npe hom; nws yuav tsum tshwm sim tsawg kawg ib zaug ntawm txhua nplooj ntawv tseem ceeb los txhawb qhov piv txwv tob tob.
Xim av
Hom
- Liquid Abyss
#012624— Lub keeb kwm yav dhau tseem ceeb yog lub hauv paus ntawm nplooj ntawv, lub taub hau, lub ntsiab lus tseem ceeb, thiab daim teb turquoise tsaus ntuj. Nws tsim ib puag ncig dej hiav txwv tob. - Liquid Deep
#011d1c— Qhov chaw uas tau muab tso rau hauv qab yog lub keeb kwm yav dhau thiab cov ntawv cardboard tob dua. Nws raug pom tias yog ib nrab xim tsaus dua li daim ntaub canvas, tsim kom muaj qhov sib txawv ntawm qhov tob. - Liquid Kelp
#003734— Qhov chaw ntawm daim npav thiab qhov khawm sau - qhov chaw uas tsa siab ib kauj ruam saum toj ntawm qhov chasm. Siv rau cov npav nta, cov vaj huam sib luag ntawm cov ntsiab lus, thiab qhov pib ntawm lub khawm gradient.
Nruab nrab
- Liquid Mist
#edfffe— Ib qho xim dawb txias ua rau pom lub cev, cov npe ntawm ntu, thiab cov ntawv sau sov so thiab sib dua. Ib qho xim xiav me me ua rau lub cev zoo li xim turquoise. - Platinum
#ffffff— Dawb huv si yog siv rau cov ntawv sau, cov ntsiab lus navigation, cov duab qhia, thiab cov ntawv nyeem uas muaj qhov sib txawv siab. Nws yog xim ntawv tseem ceeb hauv txhua qib ntawv sau thiab kev navigation tseem ceeb. - Silver Mist
#bbc7c6— Cov ntawv nyeem thib ob, cov lus piav qhia uas tsis muaj suab nrov, thiab xim txuas nyob rau hauv lawv lub xeev qub. Lawv muaj xim ntsuab me ntsis, ua kom tiav lub keeb kwm yav dhau turquoise. - Ash
#f2f2f2— Cov ntawv ntxiv rau cov lus hais thiab kev tshuaj xyuas. Xim av dawb, txias rau thaum lub turquoise undertone ntawm Silver Mist zoo li ci dhau. - Slate Deep
#707777— Ib qho xim av me me rau cov keeb kwm yav dhau los uas tsis muaj zog lossis tsis pom kev zoo. Nws nyob nruab nrab ntawm daim ntaub thiab daim ntawv, ua rau muaj qhov sib txawv ntawm qhov siab me me. - Lavender Phosphor
#fde9ff— Xim teeb pom kev zoo rau cov ntaub ntawv loj, cov lej suav, thiab cov ntsuas tseem ceeb. Xim liab dawb hauv qhov gradient tshwj xeeb yog siv tsawg tsawg ua lub cim ci ntsa iab rau ntawm cov chaw tsaus.
Kev sau ntawv
txij li 10 mus rau 96px · 6 kauj ruam
- Matter — hloov: Inter · cov qauv qhia 400, 500 · Cov ntawv tseem ceeb rau cov npe thiab cov ntawv luam ntawm lub cev yog siv nrog qhov hnyav ntawm 500 rau txhua lub npe (H1–H3) thiab cov ntawv loj kinetic (86–295px). Qhov hnyav ntawm 400 yog siv rau cov ntawv luam ntawm lub cev thiab cov ntawv UI. Nws muaj qhov sib nrug ntawm cov ntawv tsis zoo ntawm qhov loj me (-0.04em ntawm 61px, -0.046em ntawm 86px) thiab qhov sib nrug dav ntawm cov ntawv zoo hauv cov ntawv loj (0.08em ntawm 20px, 0.12em ntawm 12px, 0.15em ntawm 10px). Lub tswv yim ntawm kev siv tsuas yog qhov hnyav nruab nrab rau cov npe yog qhov tshwj xeeb - tsis muaj cov ntawv tuab lossis lub teeb - uas ua rau cov ntawv muaj kev ntseeg siab, kev siv tshuab.
- Arial — hloov: system-ui · cov qauv qhia 400 · Ib qho kev xaiv thib ob rau cov ntsiab lus UI sib tham (kev taw qhia, cov nyees khawm, cov ntawv sau hauv qab, thiab cov ntawv hauv qab). Tsuas yog tshwm sim ntawm 14px xwb - siv ua qhov kev xaiv nyab xeeb, thoob ntiaj teb thaum Matter tsis raug thauj khoom, thiab npog cov ntawv lo rau daim ntawv, cov ntawv nyeem ntawm lub pob, thiab cov ntawv pab me me.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 20px |
| Lub vojvoog ntawm lub pob | 6px |
| Lub vojvoog ntawm daim npav | 16px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 68px |
| Qhov dav ntawm nplooj ntawv | 1440px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Auros thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Design Full-Time — ib lub studio xinesmas nrog ib lub teeb ci ntsa iab sov so
- Air — duab puab "Ntuj Nruab Hnub Los Ntawm Iav"
- Slash — Lub tsev khaws puav pheej nruab hmo nrog cov phau ntawv gilded
- Raycast — Chaw Ua Haujlwm Ib Tag Hmo, Coral Neon
- Dimension — ib qho chaw ua haujlwm uas muaj teeb pom kev zoo thaum tsaus ntuj nrog cov iav frosted panels
- Modal — Lub davhlau ya nyob twg phosphorescent hauv chav tsaus ntuj - tsuas yog lub teeb ci ntsa iab xwb
- Giga — Lub qab ntuj tsaus ntuj hla lub frosted obsidian
- Reflect Notes — Qhov chaw muaj hnub qub xim av yog lub chaw saib hnub qub tsaus ntuj uas cov ntawv sau ntab zoo li cov hnub qub tawm tsam keeb kwm yav dhau ntawm qhov tsaus ntuj indigo yuav luag dub.
- Ameba — Chav tswj hwm thaum ib tag hmo - lub suab xiav hluav taws xob sab hauv cov iav frosted
- AgentQL — Teeb Northern hla lub davhlau ya nyob twg thaum hmo ntuj
- Frame — Ib lub tsev ua yeeb yaj kiab rau kev saib yeeb yaj kiab thaum hmo ntuj. Ib chav tsaus ntuj uas muaj ib lub teeb xiav ua txhua yam haujlwm, thiab lub interface ntawm tus neeg siv ploj mus rau tom qab, ua rau cov ntsiab lus muaj tswv yim raug tso tawm mus tom ntej.
- Harness — Kev Tswj Xyuas Lub Hom Phiaj thaum ib tag hmo nrog cov xim ntsuab phosphorescent