Mercury
Alpine banken by skimer
Mercury operearret binnen in Alpine bankestetyk: in hast swart doek (#171721) makket in filmyske, observatoarium-eftige sfear, dêr't ynhâldsflakken sweve as wat lichtere grafytkaarten. De ynterface is foaral monochroom - ivoarkleurige tekst op onyx, mei in inkele libbene kobaltkleurige (#5266eb) elemint dy't allinnich brûkt wurdt foar de kearnoperaasje "Iepen Rekken". Typografy draacht de primêre ekspressiviteit: in oanpast werjaanlettertype fan 480 (noch fet noch ljocht) kombinearre mei in subtyl lichemslettertype fan 400 makket in selsbewuste, mar nea opfallende styl. Komponinten binne flak en frameleas, en fertrouwe op in radius fan 12px grafytkaarten en kapsulefoarmige kontrôles om struktuer te definiearjen ynstee fan skaden. It wichtichste foto-elemint, dat it heule oerflak fan 'e pagina ynnimt - mistige bergen tsjin in iensume tafel - set de toan foardat de brûkersynterface yn aksje komt, en elk folgjende elemint behâldt dy stille, premium tsjusterens.
Alle ynhâld is ûntworpen yn in tsjustere, folsleine breedte-styl. It haadskerm is in foto fan 100px oer folsleine breedte mei in sintraal koptekst, subtekst en in formulierblok foar it sammeljen fan e-postkontaktgegevens (maksimale breedte ~640px). Under it haadskerm is ynhâld organisearre yn seksjes fan in maksimale breedte fan 1200px mei fertikale marzjes fan 72px, ôfwikseljend tusken in yndieling fan twa kolommen tekst oan 'e lofterkant en in ôfbylding oan' e rjochterkant, en produktbeskriuwingskaarten mei trije kolommen. De navigaasje is in transparante boppeste balke dy't oer it haadskerm leit, dy't, as jo scrollen, oergiet yn in solide donkere opfoling dy't tinken docht oan matglês (eftergrûnwazig). De fuottekst is tsjuster mei notysjetekst. It fertikale ritme is royaal - romme tichtheid mei in soad romte tusken seksjes. Der is gjin sydnavigaasje; alle navigaasje is te finen yn 'e boppeste balke.
De haadseksje wurdt dominearre troch filmyske foto's oer de folsleine breedte - sfearfolle, ynspirearjende lânskippen (mistige bergen, ôfsûnderlike wurkromten yn 'e natuer) - dy't bankieren posisjonearje as in beskôgjende, sublyme ûnderfining. De foto's binne fan hege kwaliteit, wat ûnfersêde, mei koele toanen en in subtile donkere overlay om de lêsberens fan 'e tekst te behâlden. Under de haadseksje wikselje de ôfbyldings ôf mei skermôfbyldings fan 'e brûkersynterface fan it produkt en abstrakte, sfearfolle eftergrûnen. Der binne gjin yllustraasjes, gjin ikoanen dy't lykje op keunstwurken - de fisuele eleminten binne of fotografysk of puur funksjoneel. De ikoanstyl yn 'e heule brûkersynterface is in minimalistyske, ivoarkleurige line/glyfstyl dy't brûkt wurdt yn navigaasje, knoppen en formuliereleminten.
Palet
Merk
- Cobalt
#5266eb— Pears wurdt brûkt foar folde knoppen, selektearre navigaasjestaten en fokus-oandreaune konverzjemominten.
Neutraal
- Onyx Canvas
#171721— Eftergrûn fan 'e haadside, basis overlay foar it thússkerm, doeken foar de fuottekst en seksjes. - Graphite Card
#1e1e2a— De ferhege oerflakken fan it karton en de seksjes binne ien stap lichter as it doek, wêrtroch in glêde skieding ûntstiet. - Obsidian Button
#272735— Ekstra knopopfollingen, ynbêde formulierachtergrûnen, ûnopfallende ynteraktive oerflakken. - Slate Border
#70707d— Middelgrutte skieders en strukturele grinzen tusken ynhâldsblokken. - Mist Border
#e2e3ed— Tinne, amper merkbere rânen, amper merkbere knopkonturen, ynfierfjildrânen - in ljochte râne op in donkere eftergrûn. - Ash Text
#c3c3cc— Haadtekst, helptekst, ekstra labels - ferienfâldige hiërargy sûnder ferlies fan lêsberens.
Typografy
fan 12 oant 65px · 9 stappen
- arcadia — ferfanging: Inter · sketsen 360, 400, 420, 480 · Haad- en brûkersynterface - In lettertype foar navigaasje, lichemstekst, knoppen, ynfierfjilden, labels en helptekst, mei in gewicht fan 400 foar lichemstekst en 480 foar klam. De tuskenlizzende gewichtsskaal (360, 420, 480) ynstee fan de standert (300/400/600) jout Mercury-tekst in dúdlik lykwichtige útstrieling - nea fet, nea tin, altyd ôfmjitten.
- arcadiaDisplay — ferfanging: Söhne Breit · sketsen 360, 480, 530 · It lettertype foar kopteksten en dekorative eleminten wurdt brûkt yn in gewicht fan 480 foar alle koptekstgruttes fan 28px oant 65px, wylst 530 reservearre is foar de grutste dekorative eleminten. Lege rigelhichte (1.1–1.2) en positive letterôfstân (0.01–0.02em) jouwe dekorative tekst in brede, arsjitektoanyske útstrieling, ynstee fan de komprimearre struktuer dy't fûn wurdt yn redaksjonele tekst.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | trochsneed |
| Basisstap | 12px |
| Knopradius | 32px |
| Kaartradius | 12px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 72px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Mercury -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Origin Financial — In middernachtsgalery fan stille weelderigens. In stille, hast tsjustere keamer dêr't grutte serif-lettertypen en in pear ferljochte kleurige panielen it gefoel wekke dat finânsjes in soarchfâldich gearstald keunstwurk binne.
- Air — byldhouwurk "Middernachtshimmel troch glês"
- Slash — Middernachtskluis mei fergulde ledgers
- dope.security — Middernachtsterminal mei pearse beacons
- Modal — In fosforeszente terminal yn in tsjustere serverkeamer - de ienige ljochtboarne is in helder griene kleur
- Giga — Middernachtshorizon oer matte obsidiaan
- Dovetail — Blaudrukkontrôlesintrum om middernacht
- Dovetail — In blauwdruk ûnder in swarte moanne - amper sichtbere graflinen, wyt lettertype, ien pearse fonkeling
- AgentQL — Noarderljocht boppe de terminal by nacht
- Supabase — In koade-editor om middernacht mei in fosforeszinte griene stip - in inkele chromatyske puls op in see fan stienkoalstof
- Changelog — De observaasjekonsole efter tsjuster glês
- GitHub — In romtekommandopaniel mei biolumineszinte kontrôlepunten - in tsjustere, sfearfolle wurkromte dêr't in inkele griene gloed de wei foarút wiist.