Letters
Ranná schôdzka v klinike pod holým nebom – sterilný biely stôl pod jemným modrým stropom, posiaty modrými chirurgickými nástrojmi
Letters je nástroj na písanie lekárskych listov, ktorý začína gradientnou hlavičkou s otvorenou oblohou – jemným, atmosférickým modrým pruhom vytvárajúcim pokojnú, klinickú atmosféru – a potom prechádza do čistého bieleho pracovného priestoru. Systém je navrhnutý v monochromatickom štýle: čisté biele plátno, takmer čierny text (#070709), tmavé výzvy na akciu v tvare tabletky a zaoblené karty plávajúce na najjemnejších tieňoch. Jedna jasne modrá farba (#2597d0) je vyhradená pre funkčnú interpunkciu – ikony, mikrografiku, prehrávače vĺn – nikdy sa nepoužíva pre tlačidlá ani veľké výplne. Typografia používa Open Runde, geometrický humanistický sans-serif s agresívnym negatívnym rozstupom písmen pri väčších veľkostiach obrazovky (-0,04em pri 80px), ktorý komprimuje hlavičky do sebavedomých blokov. Komponenty pôsobia ľahko, ako lekársky nástroj: tenké rámčeky, veľkorysé rozstupy kariet, tlačidlá v tvare tabletky a diskrétne použitie vyvýšenia, ktoré umožňuje hlavičke v tvare oblohy vykonávať emocionálnu prácu.
Domovská stránka v nebesky modrej gradientnej farbe sa rozprestiera cez celú šírku stránky s vycentrovaným názvom a podtextom a tlačidlom s výzvou na akciu pod ním. Plynulo prechádza do bielej oblasti obsahu s veľkorysými rozstupmi medzi sekciami (80 – 120 px). Hlavné sekcie používajú dvojstĺpcovú mriežku s veľkými, zaoblenými kartami (polomer 18 – 32 px) rovnakých rozmerov. Nadpisy sekcií sú vždy vycentrované, v jednom stĺpci, nad mriežkou kariet. Navigácia je tvorená pevným bielym horným panelom so stredovým zhlukom odkazov a prihlasovacích akcií zarovnaných vpravo. Celkový rytmus tvorí jeden, atmosférický hlavný pruh, potom striedajúce sa biele a #f5f5f5 sekcie s konzistentným vertikálnym priestorom. Nie je tu žiadny bočný panel, žiadne mega menu ani asymetrické rozloženie – stránka pôsobí ako pokojný, symetrický stĺpec.
Vizuálny dizajn sa takmer výlučne zameriava na používateľské rozhranie produktu – žiadne fotografie životného štýlu, žiadne abstraktné 3D rendery. Vizuálny jazyk je postavený na kartách produktov, ktoré zobrazujú natívne rozhranie aplikácie: porovnanie dokumentov „Pred“ a „Po“, oblasť načítania s bodkovaným okrajom a prehrávač zvuku vo forme vlny. Jediným atmosférickým vizuálnym prvkom je gradient oblohy na hlavnom obrázku. Ikony sú ploché, jednofarebné čiarové ikony #2597d0 (obálka, mikrofón, značka začiarknutia) s jednotnou hrúbkou čiar, bez vyplnených variácií. Štýl ilustrácie je zdržanlivý: makety produktov sú zobrazené na bielom pozadí, mierne otočené pre vytvorenie hĺbky, nikdy nie sú ostro naklonené. Ručne písané písmo (The Doctor) je jediným organickým/ručne vyrobeným prvkom, ktorý sa používa výlučne na evokovanie klinického rukopisu na karte „Pred“.
Paleta
Značka
- Surgical Blue
#2597d0— Ikony, ikona mikrofónu, prehrávač zvukových vĺn a malé funkčné akcenty vytvárajú v celom rozhraní jeden chromatický tón.
Neutrálny
- Obsidian
#070709— Text textu, vyplnené tlačidlá s výzvou na akciu a tmavé prvky používateľského rozhrania – namiesto čistého #000 je zvolená takmer čierna farba, aby sa zjemnil kontrast s bielym pozadím. - Paper White
#ffffff— Pozadie stránky, povrchy kariet a text tlačidiel tvoria hlavné plátno pre všetky sekcie pod hlavným prvkom. - Cloud Gray
#f5f5f5— Ďalšie povrchy kariet a pozadia sekcií oddeľujú funkčné bloky od hlavného plátna. - Sky Tint
#d7e6f5— Odtieň kartónového rámu a sotva badateľný modrý tón povrchu vytvárajú skôr pocit atmosféry než šedivosti. - Charcoal
#60606c— Primárny text, sekundárny text a tlmené okraje – dominantná neutrálna farba pre obsah bez nadpisov. - Slate
#8b8b8b— Drobný text a neaktívne hraničné štáty – používajú sa na označenie miest a zabezpečenie prístupnosti pre osoby so zdravotným postihnutím.
Typografia
od 12 do 80px · 8 krokov
- sans-serif — náhrada: Inter · obrysy 400, 700 · bezpätkové – nájdené v extrahovaných dátach, ale umelá inteligencia ich nepopísala.
- Open Runde — náhrada: Inter Tight · obrysy 400, 500, 600, 700, 900 · Primárnym písmom pre nadpisy a navigáciu je geometrické humanistické písmo s malými rozstupmi medzi písmenami pri veľkých veľkostiach; -0,04em pri 80px komprimuje nadpis do jedného, prehľadného bloku. Používa sa pre všetky nadpisy, navigáciu a veľký text.
- Inter — náhrada: system-ui · obrysy 400, 500 · Sekundárny text tela a používateľského rozhrania – používa sa pre malé nadpisy, navigačné prvky a vložené odkazy, kde je požadovaný neutrálnejší rytmus čítania. V kombinácii s Open Runde vytvára hierarchický kontrast.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 12-16px |
| Polomer tlačidla | 100px |
| Polomer karty | 18px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 80-120px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Letters a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Integrated Biosciences — bioluminiscenčné laboratórium o polnoci
- Mintlify — Oblačná záhrada nad skleneným stolom. Ručne kreslená obloha a dokumentárny film sú zarámované spoločne – jediné miesto, kde sa farba a koncept stretávajú skôr, ako stránka vybledne do kláštornej bielej.
- Gleap — Pracovný priestor zariadený v teplých krémových tónoch s grafitovými akcentmi – štúdio, kde sa matné čierne atramentové bodky zdajú byť vznášajúce sa nad ľanovou architektúrou.
- Render — Dizajn je z brúseného hliníka. Rozhranie pôsobí ako čistý, geometrický inžiniersky dokument – biely priestor, tenké čiary a jedna fialová čiara, ktorá upriamuje pozornosť na akciu.
- Grafbase — inžinierske kreslenie na studenom mramore
- Slash — Polnočná klenba so zlátenými účtovnými knihami
- Modal — Fosforeskujúci terminál v zatemnenej serverovni - jediným zdrojom svetla je jasne zelená farba.
- Whimsical — Sýty slivkový atrament na levanduľovom pozadí – kreatívny zošit, ktorý slúži aj ako technická tabuľa.
- AgentQL — Polárna žiara nad terminálom v noci
- Alveos One — Útulné útočisko z riečnych kameňov – tichá, krémovo osvetlená meditačná miestnosť, kde v jemnej jantárovej žiare spočíva jediný grafitový predmet
- GitHub — Vesmírny veliteľský panel s bioluminiscenčnými kontrolnými bodmi – tmavý, atmosférický pracovný priestor, kde jediná zelená žiara ukazuje cestu vpred.
- Buddy — Technická kresba na milimetrovom papieri. Biela kresliaca plocha je označená sotva viditeľnou mriežkou nanesenou takmer čiernym atramentom s fluorescenčnými limetkovozelenými značkami a dúhovými gradientnými ťahmi.