Letters
Ашық аспан астындағы клиникадағы таңертеңгілік кездесу — жұмсақ көк төбенің астындағы стерильді ақ үстел, хирургиялық көк құралдармен көмкерілген
Letters – таза ақ жұмыс кеңістігіне ауыспас бұрын градиентті ашық аспан тақырыбынан басталатын медициналық хат жазу құралы – жұмсақ, атмосфералық көк жолақ тыныш, клиникалық атмосфера жасайды –. Жүйе монохромды стильде жасалған: таза ақ кенеп, қара дерлік мәтін (#070709), қараңғы таблетка тәрізді әрекетке шақырулар және ең нәзік көлеңкелерде қалқып жүрген дөңгелек карталар. Бір ашық көк (#2597d0) функционалды тыныс белгілері – белгішелер, микрографика, толқын пішінді ойнатқыштар – үшін сақталған, олар ешқашан түймелер немесе үлкен толтырулар үшін пайдаланылмайды. Типографияда үлкен экран өлшемдерінде (80 пиксельде -0.04em) агрессивті теріс әріп аралығы бар геометриялық гуманистік сан-сериф 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 · Қосымша негізгі мәтін және пайдаланушы интерфейсінің мәтіні – бейтарап оқу ырғағы қажет шағын тақырыптар, навигация элементтері және жол ішіндегі сілтемелер үшін қолданылады. Иерархиялық контраст жасау үшін 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 — Графикалық қағаздағы инженерлік сурет. Ақ сурет беті әрең көрінетін тормен белгіленген, қара дерлік сиямен, флуоресцентті лайм-жасыл белгілермен және құбылмалы градиент сызықтарымен салынған.