Letters
Утрински преглед во клиника на отворено - стерилна бела маса под мек син таван, расфрлана со сини хируршки инструменти
„Писма“ е алатка за пишување медицински писма што започнува со градиентен заглавие со отворено небо - мека, атмосферска сина лента што создава мирна, клиничка атмосфера - пред да премине на чисто бела работна површина. Системот е дизајниран во монохроматски стил: чисто бело платно, речиси црн текст (#070709), темни повици за акција во форма на апчиња и заоблени картички што лебдат на најсуптилните сенки. Една светла сина боја (#2597d0) е резервирана за функционална интерпункција - икони, микрографика, плеери на бранови форми - никогаш не се користи за копчиња или големи пополнувања. Типографијата користи Open Runde, геометриски хуманистички sans-serif со агресивен негативен растојание помеѓу буквите на поголеми големини на екранот (-0,04em на 80px), што ги компресира заглавијата во сигурни блокови. Компонентите се чувствуваат лесни, како медицински инструмент: тенки рамки, дарежлив растојание помеѓу картичките, копчиња во форма на апчиња и дискретна употреба на елевација што му овозможува на заглавието во форма на небо да ја изврши емотивната работа.
Почетна страница со градиент во небесно сина боја се протега по целата ширина на страницата, со центриран наслов и подтекст, и копче за повик за акција подолу. Таа непречено се преминува во бела област за содржина со голем простор помеѓу деловите (80-120px). Деловите со карактеристики користат мрежа од две колони од големи, заоблени картички (радиус од 18-32px) со еднакви пропорции. Насловите на деловите се секогаш центрирани, во една колона, над мрежата на картичките. Навигацијата е фиксна бела горна лента со центриран кластер од врски и дејства за најавување порамнети десно. Целокупниот ритам е една, атмосферска главна лента, потоа наизменични бели и #f5f5f5 делови со конзистентен вертикален простор за дишење. Нема странична лента, нема мега-мени, нема асиметрични распореди - страницата се чувствува како мирна, симетрична колона.
Визуелниот дизајн е речиси целосно фокусиран на корисничкиот интерфејс на производот - без фотографии од животниот стил, без апстрактни 3D рендери. Визуелниот јазик е изграден околу картички на производи што го прикажуваат нативниот интерфејс на апликацијата: споредба на документи „Пред“ и „После“, област за вчитување со испрекината рамка и аудио плеер во форма на бранова форма. Единствениот атмосферски визуелен елемент е градиентот на небото на главната слика. Иконите се рамни, еднобојни икони на линии #2597d0 (плик, микрофон, ознака за проверка) со униформни тежини на линиите, без пополнети варијации. Стилот на илустрација е ограничен: макетите на производите се прикажуваат на бела позадина, малку ротирани за да се создаде длабочина, никогаш остро навалени. Ракописен фонт (Докторот) е единствениот органски/рачно изработен елемент, кој се користи исклучиво за да се долови клиничкиот ракопис на картичката „Пред“.
Палета
Бренд
- 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 — Инженерски цртеж на милиметарска хартија. Белата површина за цртање е обележана со едвај видлива мрежа, нанесена со речиси црно мастило, со флуоресцентни лимето-зелени ознаки и преливачки градиентни потези.