Resend
fekete bársony lila neon színnel
A Resend szinte teljes sötétségben létezik – tiszta fekete vászon, vékony grafit szegélyek és fehér-fekete tipográfia, amely azt az érzetet kelti, mintha matt üvegre nyomtatott szöveget olvasnánk. A fő elem antiornamentális: egyetlen nagyméretű, talpas címsor 96 képpontos Domaine betűtípusban egy háromdimenziós fekete kocka mellett, színátmenetek és marketing illusztrációk nélkül. A márkajelzés egy mélylila (#9281f7), amely az e-mail címsorokban, az állapotikonokban és a kódmintákban jelenik meg – soha nem gombokon. Az egyszélességű betűtípus (Commit Mono) minden kódblokkon, ikonon és beágyazott címkén keresztül közvetíti a fejlesztő személyiségét, így az oldal egy luxus kezelőfelületbe zárt terminálnak tűnik. A komponensek éles vagy enyhén lekerekített sarkokkal (6 képpont / 16 képpont) rendelkeznek, alacsonyak, és árnyékok helyett 1 képpontos szegélyeket használnak a rétegek elválasztására. A dinamika finom, de kifejező: a szöveg sima elhalványulása és csúszása a főképernyőn, a kocka finom elforgatása WebGL segítségével, és rövid, 150 ms-os átmenetek az egérrel való lebegéskor.
A vizuális design szinte teljes egészében WebGL-lel renderelt 3D objektumokból (a főablakban található fekete kocka, forgó geometriai alakzatok) és a termék felhasználói felületének sötét kódablakokban megjelenített beágyazott képernyőképeiből áll. Nem használnak fényképeket, illusztrációkat vagy életstílus képeket. A megbízhatósági sávban található logók eredeti színeikben beágyazott SVG képek. Az ikonok 1-1,5 képpontos körvonalak #f0f0f0 vagy #a1a4a5 ecsetvonással. A vizuális nyelv: fekete vászon, 3D objektum a főablak horgonyaként, sötét kódablakok termékbizonyítékként, fehér SVG logók társadalmi bizonyítékként. Semmi díszítőelem – minden vizuális elem vagy strukturális (a kocka), vagy demonstratív (a kódablak, a logó).
Paletta
Márka
- Iris Violet
#9281f7— Lila kiemelő szöveg linkekhez, címkékhez és kiemelt rövid kifejezésekhez; átlós színátmenet lilától bíborvörösig az ikonkonténereken és márkaikonokon. - Iris Violet Glow
#baa7ff— A linkek, címkék és rövid kiemelt kifejezések lilával vannak kiemelve.
Semleges
- Void Black
#000000— Oldal háttere, kartonfelületek, átfedő képernyők - az egész vászon. - Graphite Hairline
#292d30— A kártyákon, beviteli mezőkön, gombokon, kódblokkokon és elválasztókon 1px-es szegélyek határozzák meg az egyes rétegelválasztásokat. - White
#ffffff— Főcímsorok, címsorok, gombfeliratok, ikonok kitöltése sötét felületeken. - Bone White
#f0f0f0— Fő szöveg, másodlagos címsorok, ikonvázlatok – az olvasás fő színe. - Ash Gray
#a1a4a5— Néma szövegtörzs, ikonfeliratok, ikonkörvonalak - harmadik szintű szöveg és metaadatok. - Smoke Gray
#abafb4— Link színe, letiltott gomb szövege, kiegészítő címkék - negyedik szintű szöveg
Tipográfia
12-től 96 képpontig · 8 lépésben
- Inter — csere: Inter (Google Fonts) · körvonalak 400, 500, 600 · Törzsszöveg, felhasználói felület címkéi, navigáció, gombok, linkek. Munkaeszköz – 1280 alkalommal jelenik meg minden felületen, kivéve a kódot.
- Domaine — csere: GT Sectra · körvonalak 400 · A cím szövege – egy 400 pontos betűméret 96 képpontos betűközzel – szerkesztői, szinte nyomtatott hatást kelt. Csak kétszer szerepel az egész oldalon, a legnagyobb címsornál.
- aBC Favorit — csere: Inter Display · körvonalak 400, 500 · Fejezetcímek és alcímek. A márkastílusú betűtípus 56 képpontos, vastagsága -400, a betűköz pedig -0,05em. A geometrikus sans-serif betűtípus rendkívül negatív betűköze tömör, magabiztos benyomást kelt, ellentétben a fő Domaine betűtípussal.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | tágas |
| Alapvető lépés | 16px |
| Gomb sugara | 6px |
| Kártya sugara | 16px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 96px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Resend stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Neon — Egy szerverszoba sötétedés után. Tiszta sötétség, ahol az egyetlen fény az adatokból és a felhasználói interakciókból származik.
- Discord — A játékvilág egy felugró csevegőablak mögött rejtőzik – minden részleg önálló környezet saját világítással és karakterkészlettel.
- Midjourney — Egy biolumineszcens terminál a mélyóceánban. Egy mélytengeri világ, ahol az intelligencia vizuálisan ASCII adatfolyamokban generálja magát, és a vezérlők halványan világító mintákként jelennek meg.
- Wope — A Wope egy lila horizontú interfész. Képzelj el egy sötét csillagvizsgáló asztalt, amelynek üvege alól lila fény szűrődik ki.
- Ori — Éjfélkor a szerverszoba fekete űr, fehér fény, egyetlen kapcsoló ég.
- Amaterasu — Mennyei Türkiz Szentély
- Obsidian — Kristálytiszta tudás tárháza. Egy letisztult, sokrétű digitális tér, amelyet az átláthatóság és a fókusz jegyében terveztek, élénklila interakciós erekkel.
- Morphic — Sötét, filmes vászon mesterséges intelligencia által vezérelt történetmeséléshez. A tiszta fekete mindent elnyel, kivéve egyetlen hangsúly kék lüktetését és a generált kép ragyogását.
- Valo — Egy noir obszervatórium éjfélkor – 300 pontos tipográfia lebeg tiszta fekete háttér előtt, miközben egyetlen türkiz-lila színátmenet lézervonalként fut végig a szobán.
- JetBrains — Neonköd az Obsidianon – Egy fekete hátterű oldal, ahol a lila-kék színátmenetek a mélyűr képeihez hasonlóan virágoznak, tarkítva élénk rózsaszín neonnal és az egyes termékek ikonjainak kromatikus ragyogásával.
- beehiiv — Éjféli Obszervatórium Neon Plazmával
- RainbowKit — Egy neon modális pénztárca-rendszerező lebeg egy fekete üregben, kékeslila fénye áttöri a sötétséget.