Letters
Јутарњи преглед у клиници на отвореном — стерилни бели сто под меким плавим плафоном, посутим плавим хируршким инструментима
Леттерс је алат за писање медицинских писама који почиње градијентним заглављем отвореног неба – меком, атмосферском плавом пругом која ствара мирну, клиничку атмосферу – пре него што пређе на чисто бело радно место. Систем је дизајниран у монохроматском стилу: чисто бело платно, скоро црни текст (#070709), тамни позиви на акцију у облику пилуле и заобљене картице које лебде на најсуптилнијим сенкама. Једна јарко плава (#2597d0) је резервисана за функционалну интерпункцију – иконе, микрографику, плејере таласних облика – никада се не користи за дугмад или велика попуњавања. Типографија користи Open Runde, геометријски хуманистички sans-serif са агресивним негативним размаком између слова на већим величинама екрана (-0,04em на 80px), који компресује заглавља у самоуверене блокове. Компоненте делују лагано, попут медицинског инструмента: танки оквири, великодушни размак између картица, дугмад у облику пилуле и дискретна употреба елевације која омогућава заглављу у облику неба да обавља емоционални посао.
Небескоплава градијентна почетна страница простире се целом ширином странице, са центрираним насловом и подтекстом, и дугметом за позив на акцију испод. Глатко прелази у бели садржај са великим размаком између одељака (80-120 пиксела). Одељци са истакнутим темама користе мрежу са две колоне великих, заобљених картица (радијус 18-32 пиксела) једнаких пропорција. Наслови одељака су увек центрирани, у једној колони, изнад мреже картица. Навигација је фиксна бела горња трака са центрираним кластером линкова и десно поравнатим радњама за пријаву. Укупни ритам је једна, атмосферска главна трака, затим наизменични бели и #f5f5f5 одељци са конзистентним вертикалним простором за дисање. Нема бочне траке, нема мега-менија, нема асиметричних распореда - страница делује као мирна, симетрична колона.
Визуелни дизајн је готово у потпуности фокусиран на кориснички интерфејс производа – нема фотографија животног стила, нема апстрактних 3Д рендера. Визуелни језик је изграђен око картица производа које приказују изворни интерфејс апликације: поређење докумената „Пре“ и „После“, област за учитавање са испрекиданом ивицом и аудио плејер у облику таласног облика. Једини атмосферски визуелни елемент је градијент неба на главној слици. Иконе су равне, једнобојне #2597d0 линијe иконе (ковеверта, микрофон, ознака за потврду) са уједначеним дебљинама линија, без попуњених варијација. Стил илустрације је уздржан: макети производа су приказани на белој позадини, благо ротирани да би се створила дубина, никада оштро нагнути. Руком писани фонт (Доктор) је једини органски/ручно израђени елемент, који се користи искључиво да евоцира клинички рукопис на картици „Пре“.
Палета
Brend
- Surgical Blue
#2597d0— Иконе, икона микрофона, плејер звучних таласа и мали функционални акценти стварају јединствену хроматску ноту у целом интерфејсу.
Неутрално
- Obsidian
#070709— Тело текста, попуњена дугмад са позивом на акцију и тамни елементи корисничког интерфејса — уместо чистог #000 је изабрана скоро црна боја како би се ублажио контраст у односу на белу позадину. - Paper White
#ffffff— Позадина странице, површине картица и текст дугмади су главно платно за све одељке испод главног елемента. - Cloud Gray
#f5f5f5— Додатне површине картица и позадине секција одвајају функционалне блокове од главног платна. - Sky Tint
#d7e6f5— Нијанса картонског рама и једва приметни плави тон површине стварају осећај атмосфере, а не сивила. - Charcoal
#60606c— Примарни текст, секундарни текст и пригушене ивице - доминантна неутрална боја за садржај који није наслов. - Slate
#8b8b8b— Мањи текст и неактивне граничне државе - користе се за означавање локација и обезбеђивање приступачности особама са инвалидитетом.
Типографија
од 12 до 80 пиксела · 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 — Инжењерски цртеж на милиметарском папиру. Бела површина за цртање је обележена једва видљивом мрежом, нанетом скоро црним мастилом, са флуоресцентним лименозеленим ознакама и преливајућим градијентним потезима.