
Letters
Сутрешен преглед в клиника на открито — стерилна бяла маса под мекосин таван, осеяна със сини хирургически инструменти.
Letters е инструмент за писане на медицински писма, който започва с градиентен заглавен файл с отворено небе – мека, атмосферна синя ивица, създаваща спокойна, клинична атмосфера – преди да премине към чисто бяло работно пространство. Системата е проектирана в монохромен стил: чисто бяло платно, почти черен текст (#070709), тъмни призиви за действие във формата на хапче и заоблени карти, плаващи върху най-фините сенки. Един ярък син цвят (#2597d0) е запазен за функционална пунктуация – икони, микрографика, плейъри с вълнови форми – никога не се използва за бутони или големи запълвания. Типографията използва Open Runde, геометричен хуманистичен sans-serif с агресивно отрицателно разстояние между буквите при по-големи размери на екрана (-0.04em при 80px), който компресира заглавните файлове в уверени блокове. Компонентите се усещат леки, като медицински инструмент: тънки рамки, щедро разстояние между картите, бутони във формата на хапче и дискретно използване на повдигане, което позволява на заглавния файл с форма на небе да върши емоционалната работа.
Небесносиня градиентна начална страница обхваща цялата ширина на страницата, с центрирано заглавие и подтекст и бутон за призив към действие отдолу. Тя плавно преминава в бяла област със съдържание с щедро разстояние между секциите (80-120px). Секциите с функции използват двуколонна мрежа от големи, заоблени карти (радиус 18-32px) с равни пропорции. Заглавията на секциите винаги са центрирани, в една колона, над мрежата с карти. Навигацията е фиксирана бяла горна лента с центриран клъстер от връзки и подравнени вдясно действия за вход. Общият ритъм е една, атмосферна основна лента, след което се редуват бели и #f5f5f5 секции с постоянно вертикално пространство за дишане. Няма странична лента, няма мега-меню, няма асиметрични оформления - страницата се усеща като спокойна, симетрична колона.
Визуалният дизайн е почти изцяло фокусиран върху потребителския интерфейс на продукта – без лайфстайл снимки, без абстрактни 3D рендери. Визуалният език е изграден около продуктови карти, показващи оригиналния интерфейс на приложението: сравнение на документи „Преди“ и „След“, зона за зареждане с пунктирана рамка и аудио плейър във формата на вълнова форма. Единственият атмосферен визуален елемент е градиентът на небето в основното изображение. Иконите са плоски, едноцветни #2597d0 линейни икони (плик, микрофон, отметка) с еднаква дебелина на линиите, без запълнени вариации. Стилът на илюстрацията е сдържан: макети на продукти са показани на бял фон, леко завъртени, за да се създаде дълбочина, никога не са рязко наклонени. Ръкописният шрифт (The Doctor) е единственият органичен/ръчно изработен елемент, използван единствено, за да се пресъздаде клиничният почерк на картата „Преди“.
Палитра
Марка
- Surgical Blue
#2597d0— Икони, икона на микрофон, плейър на звукови вълни и малки функционални акценти създават единна хроматична нотка в целия интерфейс.
Неутрален
- Obsidian
#070709— Текстът на текста, запълнените бутони за подканване към действие и тъмните елементи на потребителския интерфейс – избран е почти черен цвят вместо чист #000, за да се омекоти контрастът спрямо белия фон. - Paper White
#ffffff— Фонът на страницата, повърхностите на картата и текстът на бутоните са основното платно за всички секции под основния елемент. - Cloud Gray
#f5f5f5— Допълнителни повърхности на картите и фонове на секциите отделят функционалните блокове от основното платно. - Sky Tint
#d7e6f5— Сянката на картонената рамка и едва забележимият син тон на повърхността създават усещане за атмосфера, а не за сивота. - Charcoal
#60606c— Основен текст, вторичен текст и приглушени рамки - доминиращ неутрален цвят за съдържание, което не е заглавие. - Slate
#8b8b8b— Незначителен текст и неактивни гранични състояния - използват се за обозначаване на местоположения и осигуряване на достъпност за хора с увреждания.
Типография
от 12 до 80px · 8 стъпки
- sans-serif — замяна: Inter · очертания 400, 700 · sans-serif - намерен в извлечените данни, но не е описан от изкуствения интелект.
- Open Runde — замяна: Inter Tight · очертания 400, 500, 600, 700, 900 · Основният шрифт за заглавия и навигация е геометричен хуманистичен, с плътно разстояние между буквите при големи размери; -0.04em при 80px компресира заглавието в един, уверен блок. Използвайте за всички заглавия, навигация и голям текст.
- Inter — замяна: system-ui · очертания 400, 500 · Вторичен текст на тялото и потребителския интерфейс – използва се за малки заглавия, навигационни елементи и вградени връзки, където е желателен по-неутрален ритъм на четене. Съчетава се с Open Runde за създаване на йерархичен контраст.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | гъст |
| Основна стъпка | 12-16px |
| Радиус на бутона | 100px |
| Радиус на картата | 18px |
| Сенки | не - рамки вместо сенки |
| Между секциите | 80-120px |
| Ширина на страницата | 1200px |
Изкуственият интелект ще изгради вашия уебсайт в стил Letters и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Integrated Biosciences — лаборатория за биолуминесценция в полунощ
- Mintlify — Градина от облаци над стъклена маса. Ръчно нарисуваното небе и документалният филм са рамкирани заедно – единственото място, където цветът и концепцията се сблъскват, преди страницата да избледнее в монашеска бяла светлина.
- Gleap — Работно пространство, декорирано в топли кремави тонове с графитни акценти - студио, където матовите черни мастилени точки сякаш се носят над ленената архитектура.
- Render — Дизайнът е върху полиран алуминий. Интерфейсът създава усещане за изчистен, геометричен инженерен документ – бяло пространство, тънки линии и една-единствена лилава линия, която привлича вниманието към действието.
- Grafbase — инженерен чертеж върху студен мрамор
- Slash — Полунощен свод с позлатени книги
- Modal — Фосфоресциращ терминал в затъмнена сървърна стая - единственият източник на светлина е яркозелен цвят
- Whimsical — Наситено сливово мастило на лавандулов фон - тетрадка за творческо студио, която служи и като техническа бяла дъска.
- AgentQL — Северно сияние над терминала през нощта
- Alveos One — Уютно убежище, направено от речни камъни – тиха, кремаво осветена стая за медитация, където един-единствен графитен предмет почива в меко кехлибарено сияние
- GitHub — Космически команден панел с биолуминесцентни контролни точки - тъмно, атмосферно работно пространство, където един-единствен зелен блясък сочи пътя напред.
- Buddy — Инженерен чертеж върху милиметрова хартия. Бялата повърхност за рисуване е маркирана с едва видима решетка, нанесена с почти черно мастило, с флуоресцентни лимоненозелени маркировки и преливащи се градиентни щрихи.