Letters
Egy reggeli vizsgálat egy szabadtéri klinikán – steril fehér asztal puha kék mennyezet alatt, tele sebészeti kék eszközökkel
A Letters egy orvosi levélíró eszköz, amely egy átmenetes, nyitott égboltot ábrázoló fejléccel kezdődik – egy lágy, hangulatos kék csíkkal, amely nyugodt, klinikai légkört teremt –, mielőtt egy tiszta fehér munkaterületre váltana. A rendszer monokróm stílusban lett megtervezve: tiszta fehér vászon, közel fekete szöveg (#070709), sötét, pirula alakú cselekvésre ösztönzések és lekerekített kártyák, amelyek a legfinomabb árnyékokon lebegnek. Egyetlen élénk kék (#2597d0) van fenntartva a funkcionális írásjeleknek – ikonoknak, mikrografikának, hullámforma-lejátszóknak –, amelyeket soha nem használnak gombokhoz vagy nagy kitöltésekhöz. A tipográfia az Open Runde-ot használja, egy geometrikus humanista sans-serifet, agresszív negatív betűközzel nagyobb képernyőméreteknél (-0,04em 80 képpontnál), amely a fejléceket magabiztos blokkokká tömöríti. Az alkatrészek könnyűnek érződnek, mint egy orvosi eszköz: vékony keretek, nagyméretű kártyaközök, pirula alakú gombok és a magasság diszkrét használata, amely lehetővé teszi, hogy az égboltot ábrázoló fejléc elvégezze az érzelmi munkát.
Egy égkék színátmenetes kezdőlap húzódik az oldal teljes szélességében, középre igazított címmel és alszöveggel, alatta pedig egy cselekvésre ösztönző gombbal. Zökkenőmentesen átmenetet képez egy fehér tartalomterületbe, a részek között nagy távolságra (80-120 képpont). A kiemelt részek kétoszlopos rácsot használnak, amelyek nagy, lekerekített kártyákból (18-32 képpont sugarú), egyenlő arányban helyezkednek el. A szakaszcímek mindig középre vannak igazítva, egyetlen oszlopban, a kártyarács felett. A navigáció egy fix fehér felső sáv, középre igazított linkcsoporttal és jobbra igazított bejelentkezési műveletekkel. Az általános ritmus egyetlen, hangulatos fő csík, majd váltakozó fehér és #f5f5f5 részek, következetes függőleges térrel. Nincs oldalsáv, nincs mega-menü, nincsenek aszimmetrikus elrendezések – az oldal egy nyugodt, szimmetrikus oszlopnak tűnik.
A vizuális design szinte teljes egészében a termék felhasználói felületére összpontosít – nincsenek életstílus fotók, nincsenek absztrakt 3D-s renderelések. A vizuális nyelv a termékkártyák köré épül, amelyek az alkalmazás natív felületét mutatják be: dokumentumok „előtte” és „utána” összehasonlítása, egy pontozott szegéllyel ellátott betöltési terület és egy hullámforma formájában megjelenő audiolejátszó. Az egyetlen hangulatos vizuális elem a fő képen látható égbolt színátmenete. Az ikonok lapos, egyszínű #2597d0 vonalikonok (boríték, mikrofon, pipa) egyenletes vonalvastagságokkal, kitöltési variációk nélkül. Az illusztráció stílusa visszafogott: a termékmodellek fehér háttéren jelennek meg, enyhén elforgatva a mélységérzet megteremtése érdekében, soha nem élesen megdöntve. A kézzel írott betűtípus (The Doctor) az egyetlen organikus/kézzel készített elem, amelyet kizárólag az „Előtte” kártyán található klinikai kézírás felidézésére használnak.
Paletta
Márka
- Surgical Blue
#2597d0— Az ikonok, a mikrofon ikon, a hanghullám-lejátszó és az apró funkcionális kiegészítők egyetlen kromatikus hangot alkotnak a teljes felületen.
Semleges
- Obsidian
#070709— A szövegtörzs, a kitöltött cselekvésre ösztönző gombok és a sötét felhasználói felület elemei – a sima #000 helyett majdnem fekete színt választottunk, hogy lágyítsuk a kontrasztot a fehér háttérrel. - Paper White
#ffffff— Az oldal háttere, a kártyafelületek és a gombok szövege alkotja a fő elem alatti összes szakasz fő vásznát. - Cloud Gray
#f5f5f5— További kártyafelületek és szekcióhátterek választják el a funkcionális blokkokat a fő vászontól. - Sky Tint
#d7e6f5— A kartonkeret árnyalata és a felület alig észrevehető kék árnyalata inkább a hangulatot, mint a szürkeséget kelti. - Charcoal
#60606c— Elsődleges szöveg, másodlagos szöveg és elnémított szegélyek – domináns semleges szín a nem címsoros tartalomhoz. - Slate
#8b8b8b— Kisebb szöveg és inaktív szegélyállapotok – a helyek jelzésére és a fogyatékkal élők számára való hozzáférhetőség biztosítására szolgálnak.
Tipográfia
12-től 80 képpontig · 8 lépésben
- sans-serif — csere: Inter · körvonalak 400, 700 · sans-serif – megtalálható a kinyerett adatokban, de a mesterséges intelligencia nem írja le.
- Open Runde — csere: Inter Tight · körvonalak 400, 500, 600, 700, 900 · A címsorok és a navigáció elsődleges betűtípusa egy geometrikus humanista, szoros betűközzel nagy méretek esetén; a -0,04em 80 képpontnál egyetlen, magabiztos blokkba tömöríti a címsort. Használja minden címsorhoz, navigációhoz és nagyméretű szöveghez.
- Inter — csere: system-ui · körvonalak 400, 500 · Másodlagos törzs és felhasználói felület szövege – kis címsorokhoz, navigációs elemekhez és beágyazott hivatkozásokhoz használatos, ahol semlegesebb olvasási ritmusra van szükség. Az Open Runde-dal párosítva hierarchikus kontrasztot hoz létre.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 12-16px |
| Gomb sugara | 100px |
| Kártya sugara | 18px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 80-120px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Letters 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
- Integrated Biosciences — biolumineszcencia labor éjfélkor
- Mintlify — Egy üvegasztal feletti felhőkert. A kézzel rajzolt égbolt és a dokumentumfilm egy képkockában jelenik meg – az egyetlen hely, ahol a szín és a koncepció találkozik, mielőtt az oldal szerzetesi fehérségbe olvad.
- Gleap — Meleg krémszínűekkel és grafit díszítésű munkaterület – egy stúdió, ahol matt fekete tintapöttyök lebegnek a vászonarchitektúra felett.
- Render — A dizájn szálcsiszolt alumínium felületű. A kezelőfelület egy letisztult, geometrikus mérnöki dokumentumra hasonlít – fehér tér, vékony vonalak és egyetlen lila vonal, amely a cselekvésre hívja fel a figyelmet.
- Grafbase — mérnöki rajz hideg márványon
- Slash — Éjféli trezor aranyozott főkönyvekkel
- Modal — Egy foszforeszkáló terminál egy elsötétített szerverszobában - az egyetlen fényforrás egy élénkzöld színű
- Whimsical — Gazdag szilvaszínű tinta levendulaszínű háttéren – egy kreatív stúdiójegyzetfüzet, amely műszaki táblaként is funkcionál.
- AgentQL — Északi fény a terminál felett éjszaka
- Alveos One — Egy hangulatos menedék folyami kövekből – egy csendes, krémszínű megvilágítású meditációs szoba, ahol egyetlen grafittárgy pihen lágy borostyánszínű fényben
- GitHub — Egy űrparancsnoki panel biolumineszcens vezérlőpontokkal – egy sötét, hangulatos munkaterület, ahol egyetlen zöld fény jelzi az utat.
- Buddy — Mérnöki rajz milliméterpapíron. A fehér rajzfelületet alig látható, közel fekete tintával felvitt rács jelöli, fluoreszkáló limezöld jelölésekkel és irizáló színátmenetes ecsetvonásokkal.