Letters
Ачык һавадагы клиникада иртәнге очрашу — йомшак зәңгәр түшәм астында стериль ак өстәл, зәңгәр хирургия кораллары белән тулы.
Хатлар - медицина хатлары язу коралы, ул градиентлы ачык күк башыннан башлана - тыныч, клиник атмосфера тудыручы йомшак, атмосфералы зәңгәр полоса - чиста ак эш урынына күчәр алдыннан. Система монохром стильдә эшләнгән: чиста ак полотно, кара төскә якын текст (#070709), караңгы таблетка формасындагы чакырулар һәм иң нечкә күләгәләрдә йөзеп йөрүче түгәрәк карточкалар. Бер ачык зәңгәр төс (#2597d0) функциональ тыныш билгеләре - иконалар, микрографика, дулкын формасындагы уйнаткычлар өчен сакланган - беркайчан да төймәләр яки зур тутырулар өчен кулланылмый. Типографиядә зуррак экран зурлыкларында (-0.04em at 80px) агрессив тискәре хәреф аралыгы булган геометрик гуманистик санс-сериф Open Runde кулланыла, ул башларны ышанычлы блокларга кыса. Компонентлар медицина коралы кебек җиңел тоела: нечкә рамкалар, киң карточка аралыгы, таблетка формасындагы төймәләр һәм күк формасындагы башлыкка эмоциональ эш башкарырга мөмкинлек бирә торган биеклекне яшерен куллану.
Күк-зәңгәр төстәге градиентлы баш бит битнең бөтен киңлеген колачлый, үзәктә исем һәм астагы текст, ә аста чакыру төймәсе урнашкан. Ул бүлекләр арасында киң ара (80-120 пиксель) булган ак эчтәлек өлкәсенә шома күчә. Функция бүлекләрендә тигез пропорцияле зур, түгәрәкләнгән карточкалардан (18-32 пиксель радиусы) торган ике баганалы челтәр кулланыла. Бүлек исемнәре һәрвакыт үзәктә, бер баганада, карточка челтәре өстендә урнашкан. Навигация - үзәктә урнашкан сылтамалар кластеры һәм уңга тигезләнгән керү гамәлләре булган ак өске такта. Гомуми ритм - бер атмосфералы төп полоса, аннары ак һәм #f5f5f5 бүлекләр чиратлашып, вертикаль сулыш алу урыны белән. Ян панель, мега-меню, асимметрик макетлар юк - бит тыныч, симметрик багана кебек тоела.
Визуаль дизайн тулысынча диярлек продуктның кулланучы интерфейсына юнәлтелгән - тормыш рәвеше фотолары юк, абстракт 3D рендерлар юк. Визуаль тел кушымтаның төп интерфейсын күрсәтүче продукт карталары тирәсендә төзелгән: документларның "Элек" һәм "Соң" чагыштыруы, нокталы чикле йөкләү өлкәсе һәм дулкын формасы формасындагы аудиоплеер. Атмосфера визуаль элементы - төп рәсемдәге күк градиенты. Иконалар - тигез, бер төсле #2597d0 сызыклы иконалар (конверт, микрофон, галочка), бер төрле сызык авырлыгы белән, тутырылган вариантларсыз. Иллюстрация стиле чикләнгән: продукт макетлары ак фонда күрсәтелә, тирәнлек булдыру өчен бераз әйләндерелә, беркайчан да кискен авышмый. Кулдан язылган шрифт (Доктор) - "Элек" картасындагы клиник кулъязманы искә төшерү өчен генә кулланыла торган бердәнбер органик/кулдан эшләнгән элемент.
Палитра
Бренд
- 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 · Башлыклар һәм навигация өчен төп шрифт - геометрик гуманистик шрифт, зур күләмнәрдә хәрефләр арасындагы ара тыгыз; 80 пиксельдәге -0.04em башлыкны бердәм, ышанычлы блокка кыса. Барлык башлыклар, навигация һәм зур текст өчен кулланыгыз.
- Inter — алыштыру: system-ui · контурлар 400, 500 · Икенчел төп текст һәм UI тексты – нейтраль уку ритмы кирәк булган кечкенә башлыклар, навигация элементлары һәм юл эчендәге сылтамалар өчен кулланыла. Иерархик контраст булдыру өчен Open Runde белән парлаша.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | тыгыз |
| Төп адым | 12-16px |
| Төймә радиусы | 100px |
| Карта радиусы | 18px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 80-120px |
| Бит киңлеге | 1200px |
Ясалма интеллект сезнең сайтны Letters стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Integrated Biosciences — төн уртасында биолюминесценция лабораториясе
- Mintlify — Пыяла өстәл өстендәге болыт бакчасы. Кулдан ясалган күк йөзе һәм документаль фильм бергә урнаштырылган - бит монастырь ап-ак төскә кергәнче, төс һәм концепция бәрелешкән бердәнбер урын.
- Gleap — Графит төсмерләре белән бизәлгән җылы каймак төсмерләре белән бизәлгән эш урыны - җитен архитектурасы өстендә кара төстәге нокталар йөзеп йөргән кебек тоелган студия.
- Render — Дизайн щетка белән бизәлгән алюминийдан эшләнгән. Интерфейс чиста, геометрик инженерлык документы кебек тоела — ак бушлык, нечкә сызыклар һәм хәрәкәткә игътибарны җәлеп итүче бердәнбер шәмәхә сызык.
- Grafbase — салкын мәрмәрдә инженерлык рәсеме
- Slash — Алтын белән бизәлгән дәфтәрләр белән төнге сейф
- Modal — Караңгы сервер бүлмәсендәге фосфоресцент терминал - бердәнбер яктылык чыганагы - якты яшел төс
- Whimsical — Лаванда төсендәге фонда кара слива төсендәге кара төс — техник ак такта вазифасын да үти торган иҗади студия дәфтәре.
- AgentQL — Төнлә терминал өстендә төньяк балкышлары
- Alveos One — Елга ташларыннан ясалган уңайлы сыену урыны – тыныч, каймак төсендәге яктыртылган медитация бүлмәсе, анда йомшак янтарь төсендә бер графит әйбере тора.
- GitHub — Биолюминесцент идарә итү нокталары булган галәм белән идарә итү панеле — караңгы, атмосфералы эш урыны, анда бер генә яшел балкыш алга таба юл күрсәтә.
- Buddy — График кәгазьдә инженерлык рәсеме. Ак рәсем өслеге күренми торган рәшәткә белән билгеләнгән, ул кара төстәге буяу белән ясалган, флуоресцент-лимонт-яшел билгеләр һәм ярымшәмәхә градиент сызыклары белән бизәлгән.