Auros
Terfynell affwysol gyda pheli data bioluminescent
Mae Auros yn gweithredu fel terfynell fintech wedi'i nythu yn y dyfnder: cynfas turquoise bron yn ddu gyda orbiau data bioluminescent a graddiannau golau o turquoise i binc, gan greu ymdeimlad o ddyfnder, hylifedd a llif. Mae'r rhyngwyneb yn finimalaidd ac yn sinematig, gan ddibynnu ar arddangosfa un defnyddiwr (Matter) o drwch canolig gydag olrhain negyddol ymosodol i greu graddfa heb fod yn rhy llachar. Mae lliwiau wedi'u dosbarthu'n gyfartal—defnyddir gwynion ac arian acromatig ar gyfer bron pob cynnwys, tra bod y palet cromatig wedi'i gadw ar gyfer graddiannau atmosfferig, gan wahaniaethu arwynebau cardiau, a botwm siâp pilsen llofnod sengl sy'n newid lliw o las turquoise i binc lafant. Mae cardiau'n arnofio ar gribau arwyneb turquoise cynnil (radiws 16px, dim cysgodion) yn hytrach nag uchder, felly mae hierarchaeth yn cael ei chanfod fel dyfnder dŵr yn hytrach na chysgod ar bapur. Mae'r cydrannau'n edrych yn feddylgar ac yn debyg i offeryn: marciau olrhain priflythrennau, eiconau saeth geometrig tenau, darlleniadau rhifol mawr mewn pinc golau.
Cynfas tywyll, lled llawn gyda chynnwys ar led uchaf o 1440px. Y prif elfen yw bloc testun canolog (ael → pennawd → is-destun → galwad i weithredu) sy'n rhychwantu uchder cyfan y porth gwylio, gyda gronyn fel elfen gefndir. Mae adrannau yn stribedi lled llawn wedi'u gwahanu gan fylchau fertigol mawr 68px+, gan newid rhwng cynfas ac arwynebau ychydig yn cilfachog. Mae'r adran "Archwilio" yn defnyddio cynllun anghymesur dwy golofn: mae'r golofn chwith yn cynnwys cardiau nodwedd wedi'u pentyrru, tra bod y golofn dde yn cynnwys darlun moleciwlaidd geometrig. Mae'r cynnwys wedi'i ganoli mewn colofnau cul (uchafswm o ~600px) er mwyn ei ddarllen yn hawdd, yn hytrach nag ymestyn o ymyl i ymyl. Mae'r troedyn yn bwll cilfachog (#011d1c) gydag ymyl fertigol 120px, gan greu effaith pwll dwfn. Mae'r llywio yn banel tenau, tryloyw gydag elfennau wedi'u bylchau 16–24px oddi wrth ei gilydd. Mae'r rhythm cyffredinol yn sinematig ac yn eang—mae pob adran yn anadlu, ac mae'r cynllun lliw dwfn, tebyg i ddŵr, yn creu'r teimlad o syrthio'n ddyfnach gyda phob darn.
Mae'r arddull weledol yn finimalaidd ac yn atmosfferig. Mae'r dudalen gartref yn cynnwys sffêr gronynnau tri dimensiwn—miloedd o ddotiau bach glas-turquoise a gwyn sy'n ffurfio sffêr cylchdroi sy'n adleisio'r cynfas ac acenion lafant-pinc ar hyd yr ymylon, gan greu effaith bioluminescent sy'n atgoffa rhywun o wrthrych gwybodaeth. Mae diagramau moleciwlaidd geometrig gwastad (cylchoedd gwyn a llinellau cysylltu tenau ar gynfas tywyll) yn gwasanaethu fel elfennau addurniadol yn y golofn dde. Dim ffotograffau, dim delweddau ffordd o fyw, dim pobl—mae'r iaith weledol yn seiliedig ar graffeg data glân a ffurfiau haniaethol. Y sffêr gronynnau yw'r elfen weledol ddiffiniol o hunaniaeth y brand; rhaid iddo ymddangos o leiaf unwaith ar bob tudalen bwysig i atgyfnerthu'r metafor môr dwfn.
Palet
Brand
- Liquid Abyss
#012624— Y prif gefndir yw sylfaen y dudalen, y pennawd, y prif elfen, a'r maes turquoise tywyll amlwg. Mae'n creu awyrgylch môr dwfn. - Liquid Deep
#011d1c— Y lefel arwyneb cilfachog yw cefndir y droedyn a'r paneli cardbord dyfnach. Fe'i canfyddir fel hanner tôn tywyllach na'r cynfas, gan greu graddiant dyfnder cynnil tuag i lawr. - Liquid Kelp
#003734— Arwyneb cerdyn a llenwad botwm wedi'i godi—arwyneb wedi'i godi wedi'i leoli un cam uwchben y ceunant. Fe'i defnyddir ar gyfer cardiau nodwedd, paneli cynnwys, a man cychwyn botwm graddiant.
Niwtral
- Liquid Mist
#edfffe— Mae cysgod gwyn oer yn tynnu sylw at y testun corff, penawdau'r adrannau, a theipograffeg gynnes, ysgafn. Mae arlliw glas cynnil yn cysylltu'r testun corff â'r cynllun lliw turquoise. - Platinum
#ffffff— Defnyddir gwyn pur ar gyfer penawdau, elfennau llywio, amlinelliadau eiconau, a thestun cyferbyniad uchel. Dyma'r lliw testun sylfaenol ym mhob lefel pennawd a'r prif lywio. - Silver Mist
#bbc7c6— Testun eilaidd, disgrifiadau tawel, a lliw dolen yn eu cyflwr gwreiddiol. Mae ganddyn nhw arlliw gwyrddlas bach, sy'n ategu'r cefndir turquoise. - Ash
#f2f2f2— Testun ychwanegol ar gyfer dyfyniadau ac adolygiadau. Arlliw llwyd niwtral, oer ar gyfer pan fydd is-dôn turquoise Silver Mist yn teimlo'n rhy llachar. - Slate Deep
#707777— Arlliw arwyneb cynnil ar gyfer cefndiroedd anweithredol neu rai â gwelededd isel. Mae'n eistedd rhwng y cynfas a'r cardbord, gan ddarparu gwahaniaeth uchder cynnil iawn. - Lavender Phosphor
#fde9ff— Lliw golau cefn ar gyfer ystadegau mawr, rhifau cownter, a metrigau pwysig. Defnyddir y cysgod pinc yn y graddiant llofnod yn gynnil fel acen llachar ar arwynebau tywyll.
Teipograffeg
o 10 i 96px · 6 cham
- Matter — amnewid: Inter · amlinelliadau 400, 500 · Defnyddir y prif ffont ar gyfer penawdau a chopïau corff y testun gyda phwysau o 500 ar gyfer pob pennawd (H1–H3) a thestun cinetig mawr (86–295px). Defnyddir pwysau o 400 ar gyfer copi corff y testun a thestun rhyngwyneb defnyddiwr. Mae'n cynnwys bylchau llythrennau negyddol ymosodol mewn meintiau mawr (-0.04em ar 61px, -0.046em ar 86px) a bylchau llythrennau cadarnhaol llydan mewn priflythrennau teitl (0.08em ar 20px, 0.12em ar 12px, 0.15em ar 10px). Mae'r strategaeth o ddefnyddio pwysau canolig yn unig ar gyfer penawdau yn nodwedd nodedig—dim ffont beiddgar na golau—sy'n rhoi hyder mecanyddol unffurf i'r ffont.
- Arial — amnewid: system-ui · amlinelliadau 400 · Dewis wrth gefn eilaidd ar gyfer elfennau rhyngwyneb defnyddiwr rhyngweithiol (llywio, botymau, microgopi pennawd, troedyn). Ymddengys ar 14px yn unig – fe'i defnyddir fel dewis wrth gefn diogel, cyffredinol pan nad yw Mater wedi'i lwytho, ac mae'n cwmpasu labeli ffurflen, testun botwm, a thestun cynorthwyol bach.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 20px |
| Radiws botwm | 6px |
| Radiws y cerdyn | 16px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 68px |
| Lled y dudalen | 1440px |
Bydd AI yn adeiladu eich gwefan yn null Auros ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Design Full-Time — sinema stiwdio gydag un goleuni cynnes
- Air — cerflun "Awyr Hanner Nos Trwy Wydr"
- Slash — Siambr hanner nos gyda llyfrau llyfrau aur
- Raycast — Canolfan Reoli Hanner Nos, Coral Neon
- Dimension — gweithfan sydd wedi'i goleuo wrth y cyfnos gyda phaneli gwydr barugog
- Modal — Terfynell ffosfforescent mewn ystafell weinyddion dywyll - yr unig ffynhonnell golau yw lliw gwyrdd llachar
- Giga — Gorwel hanner nos dros obsidian barugog
- Reflect Notes — Mae gofod fioled serennog yn arsyllfa dywyll lle mae nodiadau'n arnofio fel cytserau yn erbyn cefndir o wagder indigo bron yn ddu.
- Ameba — Yr ystafell reoli am hanner nos – pwls glas trydan y tu mewn i baneli gwydr barugog
- AgentQL — Goleuadau Gogleddol uwchben y derfynfa yn y nos
- Frame — Sinema ar gyfer dangos ffilmiau yn hwyr y nos. Ystafell dywyll lle mae un golau haul glas yn gwneud yr holl waith, ac mae'r rhyngwyneb defnyddiwr yn pylu i'r cefndir, gan ganiatáu i gynnwys creadigol gael ei daflunio ymlaen.
- Harness — Rheoli Cenhadaeth am hanner nos gydag acenion gwyrdd ffosfforescent