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 оптимизациясе.
Охшаш стильләр
- ElevenLabs — Җылы каймак төсендәге фотоэссе, нечкә башлыклар белән. Баухаус стилендәге дәфтәр — йомырка кабыгы төсендәге кәгазь, кара буяу һәм продуктны күрсәтү өчен бер шәмәхә һәм кызгылт сары төстәге бизәк.
- Awesomic — Конфеттины хәтерләткән кызгылт сары тыныш билгеләре белән редакция цинк челтәре
- Dub — Link'ның мат дөге кәгазе белән идарә итү панеле
- Seline Analytics — Җылы кәгазьдә тыныч аналитик өстәл
- Notion — Көндезге кояш астында җылы кәгазь дәфтәр
- Anthropic — Җылы пергамент турында фәнни өлкә журналы - тыныч фил сөяге өслекләре, серифлы редакция рубрикалары һәм хәрәкәт кирәк булганда гына күренә торган бердәнбер балчык акценты.
- Calendly — Салкын мәрмәрдә куе зәңгәр төстәге кара
- Augen Pro — Apple'ның ак төсе монохром киңлектә бердәнбер акцент буларак клиник, авырлыксыз, электр зәңгәрен үз эченә ала.
- Antimetal — Каймак кәгазьдәге редакция хроникасы — фәнни журналдагы тыныч иртә, анда тыйнаклык ышаныч бирә, ә серифлар авыр эшне башкара.
- Perk — җылы пергамент кәгазендә электр лаймы
- Ditto — Кояш нурлары астында кыргый чәчәк үрнәкләре ясау остаханәсе. Җылы каймак өслекләр, ачык сары төс, тирән күк зәңгәрсу буяулар, әсәр артында чәчәк аткан органик төс формалары.
- Officevibe — Җылы каймак төсле кәгазьдә басылган редакция журналы. Кадрлар белән идарә итү турында уйланылган иншаны күз алдыгызга китерегез, ул продукт буларак тәкъдим ителә - заманча зәңгәр интерфейс аша пышылдап язылган курсив-сериф шрифты.