Monad
жылуу пергамент боюнча редакциялык техникалык журнал
Monad өзүнүн бүт интерфейсин жылуу пергамент полотносуна (#f6f3f1) көрсөтүп, аны кадимки таза ак SaaS шаблонунан дароо айырмалап турат. Башкы макалалардын редакциялык салмагы бар жана алар 400 салмактагы Untitled Serif шрифти менен коюлган - эч качан калың эмес - ал эми бардык негизги текст, навигация жана UI элементтери ABC Diatype Mono шрифти менен коюлган, бул сайтка адабий журнал үчүн техникалык колдонмонун текстурасын берет. Бир гана ачык көк (Көл) негизги аракеттер үчүн жалгыз хроматикалык акцентти камсыз кылат; калганынын баары жылуу боз палитрада сакталат, ошондуктан перивинкл картасынын бети (#cfdaf5) жана жумшак пастел градиенттик өтүүлөр (коралл, асман көк, жалбыз, алтын) ызы-чууга караганда атайылап тыныш белгилерине окшош сезилет. Компоненттер көлөкөлөрдүн ордуна назик чек араларга жана таблетка идиштерине таянат, ал эми ритм карта сымал чегинин жана бөлүмдөрдүн ортосундагы көптөгөн вертикалдык мейкиндиктин аркасында тынч жана кенен сакталат.
Визуалдык тил иштелип чыккан маалымат түтүгүнүн диаграммасына негизделген: ичке ийри сызыктар менен белгиленген таблетка сымал түйүндөр, ар бир түйүндүн ичинде маалымат булактарын (каалаган булак, булут журналдары, алсыздыктар) жана көздөгөн жерлерди (SIEM, булут сактагычы, маалымат көлү) билдирген кичинекей сөлөкөттөр бар. Диаграммада маалыматтарды нормалдаштырууну баса белгилөө үчүн борборунда жумшак жашыл радиалдык жаркыроо колдонулат. Күчтүү бүдөмүк чыпкалары бар градиенттик атмосфералык түстөр (коралл → асман көк, асман көк → жалбыз) негизги жана функционалдык мазмундун артында жумшак түстүү галолорду түзөт. Өнөктөштүн логотиптери бир катарда көрсөтүлүп, социалдык таасирди баса белгилейт. "Маалыматтарды трансформациялоо жүрүп жатат" картасында тунук геометриялык фигуралар менен бири-бирине дал келген чоң градиент иллюстрациясы бар. Сүрөттөр колдонулбайт — бренд маалыматты типография, диаграммалар жана түс схемалары аркылуу гана жеткирет.
Түстөр палитрасы
Бренд
- Parchment
#f6f3f1— Барактын холст жана үстүнкү бөлүгүнүн көпчүлүк бөлүгү – бул жылуу, каймак түс – бренддин өзгөчө түсү болуп саналат жана сайтты толугу менен ак түстөгү SaaS шаблондорунан дароо айырмалап турат. - Lake Blue
#2b59d1— Кызгылт көк түс фондорду, декоративдик тилкелерди баса белгилөө жана мазмундун артындагы назик акцент катары колдонулат. Аны аракетке чакыруу үчүн негизги түс катары колдонбоо керек.
Нейтралдуу
- Off-Black
#242424— Жарык беттердеги негизги баскычтар үчүн жогорку контрасттуу нейтралдуу толтуруу. - Periwinkle Mist
#cfdaf5— Өчүрүлгөн башкаруу элементтери, аз басым жасалган панелдер жана орун толтургуч блоктору үчүн жумшак интерфейс. - Sky Blue
#a0b5eb— Декоративдик градиенттик токтотуучу - түтүк схемасында атмосфералык толтурууларда жана агым сызыктарында пайда болот, эч качан UI толтуруу катары колдонулбайт. - Mint
#a7fccd— Негизги түс палитрасы контрастка муктаж болгондо, кичинекей декоративдик акценттер үчүн экинчи түс палитрасы. - Coral
#ff9473— Негизги түс палитрасы контрастка муктаж болгондо, кичинекей декоративдик акценттер үчүн экинчи түс палитрасы. - Gold
#ecda98— Декоративдик градиент чекити градиент өтүүлөрүндө жылуу акцент болуп саналат жана функционалдык колдонуучу интерфейстеринде эч качан колдонулбайт.
Типография
12ден 80 пикселге чейин · 10 кадам
- ABC Diatype Mono — алмаштыруу: JetBrains Mono · контурлар 400, 500 · Негизги текст, навигация, баскычтар, сүрөтчөлөр, тегдер жана БАРДЫК UI тексттери. Бардык функционалдык элементтер боюнча бир аралыктагы шрифт интерфейске техникалык колдонмонун сезимин берет — 16-20 пикселдик негизги текст маркетинг маалыматы эмес, маалымат катары кабыл алынат. Навигациялык энбелгилер жана сүрөтчөлөр тамгалардын аралыгы такыраак болгон 18 пикселдик шрифтти колдонот; кичирээк шрифттер жана метатекст бардык баш тамгалар менен 12 пикселдик шрифтти колдонот. 500 пикселдик шрифттин өлчөмү көрүнүктүү UI элементтери үчүн сакталган.
- Untitled Serif — алмаштыруу: Times New Roman · контурлар 400 · Аталыштар жана кошумча аталыштар үчүн гана — 80 пиксель (негизги текст), 48 пиксель (бөлүм), 40 пиксель жана 32 пиксель (кичи бөлүмдөр) жана 24 пиксель (сүрөттөмө карта аталыштары) өлчөмүндө колдонулат. Шрифттин калыңдыгы бардык өлчөмдөр үчүн 400 деп белгиленген; serif шрифтинин табигый контрасты жана -0.02 см тамга аралыгы калың шрифттин ордуна негизги басымды камсыз кылат. Бул редакциялык стил: аталыштар калыңдыгы менен кыйкыруунун ордуна шыбырап типографиялык татаалдык менен жазылат.
- Untitled Sans — алмаштыруу: Inter · контурлар 400 · Аталышы жок Sans шрифти - алынган маалыматтардан табылган, бирок жасалма интеллект тарабынан сүрөттөлгөн эмес.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | орточо |
| Негизги кадам | 16px |
| Баскычтын радиусу | 100px |
| Картанын радиусу | 40px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 64px |
| Барактын туурасы | 1432px |
Жасалма интеллект сиздин веб-сайтыңызды Monad стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Mollie — Кашемир эсептегичи, кара китеп. Кара тексттин айланасында редакциялык дизайн үчүн жетиштүү ак орун калтырыңыз, андан кийин продуктка байланыштуу пункттарды жылуу кремдер, эспрессо күрөң түстөгү коктейльдөр жана чыныгы төлөм ыкмаларынын тактилдик сүрөттөрү менен бекемдеңиз.
- Kagi — Өзүнчө окуу залы. Тынчтыкты бузуу үчүн ачык кызгылт көк түстөгү акценттерди жана жылуу пастел беттерин колдонуп, коюу графит текстинин айланасында ачык ак мейкиндик түзүңүз.
- Milanote — Milanote – бул атайын чыгармачыл студия. Калкыма визуалдык такталарды колдонуп, редакциялык галерея стилиндеги баракчаларды түзүңүз: кара алкактуу дубалдар, ак дисплей мейкиндиги жана жумшак тереңдиктеги чыныгы объектилерге окшош скриншоттор.
- Co2 — Кышкы жарыктагы климаттык атлас. Аэропорттук документ пейзажы сыяктуу баракчаларды түзүңүз, анда сериф аталыштары, категория боюнча коддолгон маалыматтар жана муздак сүрөттөр кең ак чектерди баса белгилейт.
- GitButler — Тексттин аягындагы бирюза түсү. Жогорку контрасттуу сериф аталыштарынын назик техникалык торчолор, жылуу графит беттери жана байкалбаган бирюза түсүнүн айкалышы.
- ElevenLabs — Жылуу каймак түстөгү, назик аталыштары бар фотоэссе. Баухаус стилиндеги дептер — жумуртканын кабыгы түстүү кагаз, кара сыя жана продукцияны көрсөтүү үчүн бир кызгылт көк жана кызгылт сары түстөгү акцент.
- Awesomic — Конфеттини эске салган кызгылт сары тыныш белгилери бар редакциялык цинк торчосу
- Dub — Linkтин матовый күрүч кагазынан жасалган башкаруу панели
- Seline Analytics — Жылуу кагаздагы тынч аналитикалык стол
- Notion — Түшкү күндүн астында жылуу кагаз дептер
- Anthropic — Жылуу пергамент жөнүндөгү илимий талаа журналы — пил сөөгүнүн тынч беттери, сериф менен кооздолгон редакциялык аталыштар жана аракет керек болгондо гана пайда болгон бир гана чопо акцент.
- Calendly — Муздак мраморго кочкул көк сыя менен тартылган