Letters
Ranní schůzka v klinice pod širým nebem – sterilní bílý stůl pod měkkým modrým stropem, posetý modrými chirurgickými nástroji
Letters je nástroj pro psaní lékařských dopisů, který začíná gradientní záhlaví s otevřenou oblohou – jemným, atmosférickým modrým pruhem vytvářejícím klidnou, klinickou atmosféru – a pokračuje do čistě bílého pracovního prostoru. Systém je navržen v monochromatickém stylu: čisté bílé plátno, téměř černý text (#070709), tmavé výzvy k akci ve tvaru pilulek a zaoblené karty plovoucí na nejjemnějších stínech. Jedna jasně modrá barva (#2597d0) je vyhrazena pro funkční interpunkci – ikony, mikrografiku, přehrávače křivek – nikdy se nepoužívá pro tlačítka ani velké výplně. Typografie využívá Open Runde, geometrický humanistický bezpatkový styl s agresivním negativním roztečí písmen na větších velikostech obrazovky (-0,04em při 80px), který komprimuje záhlaví do sebevědomých bloků. Komponenty působí lehkým dojmem, jako lékařský nástroj: tenké rámečky, velkorysé rozteče karet, tlačítka ve tvaru pilulek a diskrétní využití elevace, které umožňuje záhlaví ve tvaru oblohy vykonávat emocionální práci.
Celou šířku stránky zabírá nebesky modrá gradientní domovská stránka s vycentrovaným nadpisem a podtextem a tlačítkem s výzvou k akci pod ní. Plynule přechází do bílé oblasti obsahu s velkorysými rozestupy mezi sekcemi (80–120 pixelů). Sekce s hlavními prvky používají dvousloupcovou mřížku s velkými, zaoblenými kartami (poloměr 18–32 pixelů) stejných rozměrů. Nadpisy sekcí jsou vždy vycentrovány v jednom sloupci nad mřížkou karet. Navigace je tvořena pevnou bílou horní lištou se středovým shlukem odkazů a vpravo zarovnanými přihlašovacími akcemi. Celkový rytmus tvoří jeden, atmosférický hlavní pruh, který se střídá s bílými a #f5f5f5 sekcemi s konzistentním vertikálním prostorem. Není zde žádný postranní panel, žádné mega menu ani asymetrické rozvržení – stránka působí jako klidný, symetrický sloupec.
Vizuální design se téměř výhradně zaměřuje na uživatelské rozhraní produktu – žádné fotografie životního stylu, žádné abstraktní 3D rendery. Vizuální jazyk je postaven na kartách produktů, které prezentují nativní rozhraní aplikace: porovnání dokumentů „Před“ a „Po“, oblast pro načítání s tečkovaným okrajem a audio přehrávač ve tvaru vlny. Jediným atmosférickým vizuálním prvkem je gradient oblohy v hlavním obrázku. Ikony jsou ploché, jednobarevné čárové ikony #2597d0 (obálka, mikrofon, fajfka) s jednotnou tloušťkou čar, bez vyplněných variací. Styl ilustrace je zdrženlivý: makety produktů jsou zobrazeny na bílém pozadí, mírně otočené pro vytvoření hloubky, nikdy nejsou ostře nakloněné. Ručně psané písmo (The Doctor) je jediným organickým/ručně vyrobeným prvkem, který slouží výhradně k evokaci lékařského rukopisu na kartě „Před“.
Paleta
Značka
- Surgical Blue
#2597d0— Ikony, ikona mikrofonu, přehrávač zvukových vln a malé funkční akcenty vytvářejí v celém rozhraní jednotný chromatický tón.
Neutrální
- Obsidian
#070709— Tělo textu, vyplněná tlačítka s výzvou k akci a tmavé prvky uživatelského rozhraní – místo čistého kódu #000 je zvolena téměř černá barva, aby se změkčil kontrast s bílým pozadím. - Paper White
#ffffff— Pozadí stránky, povrchy karet a text tlačítek tvoří hlavní plátno pro všechny sekce pod hlavním prvkem. - Cloud Gray
#f5f5f5— Další plochy karet a pozadí sekcí oddělují funkční bloky od hlavního plátna. - Sky Tint
#d7e6f5— Odstín kartonového rámu a sotva znatelný modrý tón povrchu vytvářejí spíše pocit atmosféry než šedi. - Charcoal
#60606c— Primární text, sekundární text a tlumené okraje – dominantní neutrální barva pro obsah bez nadpisů. - Slate
#8b8b8b— Drobný text a neaktivní hraniční stavy – používají se k označení míst a zajištění přístupnosti pro osoby se zdravotním postižením.
Typografie
od 12 do 80px · 8 kroků
- sans-serif — nahrazení: Inter · obrysy 400, 700 · bezpatkové - nalezené v extrahovaných datech, ale nepopsané umělou inteligencí.
- Open Runde — nahrazení: Inter Tight · obrysy 400, 500, 600, 700, 900 · Primárním písmem pro nadpisy a navigaci je geometrické humanistické písmo s malými roztečemi písmen u velkých velikostí; -0,04em při 80px komprimuje nadpis do jednoho, spolehlivého bloku. Použijte pro všechny nadpisy, navigaci a velký text.
- Inter — nahrazení: system-ui · obrysy 400, 500 · Sekundární tělo a text uživatelského rozhraní – používá se pro malé nadpisy, navigační prvky a vložené odkazy, kde je požadován neutrálnější rytmus čtení. V kombinaci s Open Runde vytváří hierarchický kontrast.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 12-16px |
| Poloměr tlačítka | 100px |
| Poloměr karty | 18px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 80-120px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Letters a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Integrated Biosciences — bioluminiscenční laboratoř o půlnoci
- Mintlify — Oblačná zahrada nad skleněným stolem. Ručně kreslená obloha a dokument jsou zarámovány dohromady – jediné místo, kde se barva a koncept střetávají, než se stránka rozplyne v klášterní bělosti.
- Gleap — Pracovní prostor zařízený v teplých krémových tónech s grafitovými akcenty – studio, kde se matné černé inkoustové tečky vznášejí nad lněnou architekturou.
- Render — Design je z kartáčovaného hliníku. Rozhraní působí jako čistý, geometrický inženýrský dokument – bílý prostor, tenké čáry a jediná fialová čára, která upozorňuje na akci.
- Grafbase — inženýrská kresba na studeném mramoru
- Slash — Půlnoční trezor se zlacenými účetními knihami
- Modal — Fosforeskující terminál v zatemněné serverovně - jediným zdrojem světla je jasně zelená barva
- Whimsical — Sytý švestkový inkoust na levandulovém pozadí – kreativní zápisník, který slouží i jako technická tabule.
- AgentQL — Polární záře nad terminálem v noci
- Alveos One — Útulné útočiště z říčních kamenů – tichá, krémově osvětlená meditační místnost, kde v jemné jantarové záři odpočívá jediný grafitový předmět
- GitHub — Vesmírný velitelský panel s bioluminiscenčními kontrolními body – tmavý, atmosférický pracovní prostor, kde jediná zelená záře ukazuje cestu vpřed.
- Buddy — Technická kresba na milimetrovém papíře. Bílá kreslicí plocha je vyznačena sotva viditelnou mřížkou nanesenou téměř černým inkoustem s fluorescenčně limetkově zelenými značkami a duhovými přechodovými tahy.