ORYZO AI
Караңгы бөлмө жөнүндө сүрөт баян. Жылуу караңгылыкта калкып турган жалгыз объект, жалгыз кооздук - каймак түстүү шрифт.
ORYZOнун визуалдык системасы ар бир буюмдун өзүнчө объектисин музей экспонаты катары карайт: жылуу, караңгы түстөгү полотно, чоң терс мейкиндикте калкып жүргөн каймак түстүү шрифт жана форма менен атаандашкан интерфейс элементтеринин таптакыр жоктугу. Бардык текст элементтери 500 калыңдыктагы шрифт менен баш тамгалар менен жазылган, системанын жалгыз сүйлөшүү элементи болгон 29px/400 өлчөмүндөгү негизги тексттен башкасы. Бир гана ачык кызгылт сары түс атрибуция сызыктары жана студиялык шилтемелер үчүн гана колдонулат — баскычтар же аракетке чакыруулар үчүн эч качан колдонулбайт — ошондуктан ал сейрек кездешет. Макет эки режимдин ортосунда алмашып турат: фотографиялык баатыр (куралдар жана материалдар менен контексттеги буюм) жана боштукка негизделген дисплей режими (жылуу, караңгы фондо обочолонгон буюм), ичке, чекиттүү бөлгүчтөр жана таблетка сымал башкаруу элементтери менен байланышкан.
Бүтүндөй барактын туурасы чексиз — максималдуу туурасы бар контейнер жок жана ар бир бөлүм 100vw ээлейт. Башкы экран: жогорку сол бурчунда чоң ORYZO логотиби (51px+), үстүндөгү ураан, жогорку оң бурчунда бекитилген минималисттик навигация, оң четинде вертикалдуу каптал тилкеси, төмөнкү сол бурчунда тунук маалымат картасы жана төмөнкү оң бурчта видео миниатюрасы бар толук экрандуу Walnut Shadow холст. Кийинки бөлүмдөр: солго тегизделген аталыш жана оңго тегизделген негизги көчүрмө менен курчалган, ортосунан 3D рендеринги бар толук экрандуу Walnut Shadow холст — кең 18px науалары бар үч тилкелүү торчо (текст/объект/текст). Бөлүмдөрдүн ортосундагы өткөөлдөр жылмакай, караңгы фондо караңгы; үзүлүштөр гана ичке чекиттүү бөлгүчтөр. Навигация бекитилген, тунук, эң көп дегенде 4 элемент менен. Каптал тилкеси, төмөнкү колонтитулда хром жок, карталардын ичинде карталар жок — ар бир экран бирдиктүү объект сыяктуу сезилет.
Сүрөттөр редакциялык мүнөздө, жогорудан төмөн карай жана контекстте тартылган: тыгын стола жашыл кесүүчү килемчеде турат, анын айланасында карандаштар, кол өнөрчүлүк бычагы жана кагаз кыстыргыч бар — бул кадрда көрүнүп турган өнөр куралдары. Жашыл кесүүчү килемче (#445231) дисплей элементи гана болуп саналат, UI элементи эмес. Продукцияны көрсөтүүгө арналган бөлүмдөрдө 3D визуализация басымдуулук кылат: тыгын стола Walnut Shadow фонунда обочолонуп көрсөтүлгөн, жогорку оң жагынан жылуу четки жарык менен жарыктандырылган, жогорудан төмөн карай төрттөн үчкө чейин бурчтары алмашып турат. Жашоо образынын сүрөттөрү, адамдар, фондулук сүрөттөр жок — объект башкы каарман, ал эми шаймандар анын контексти. Сүрөттөр бүт экранды ээлейт, четтери так (тегеректелген маскалар жок) жана жогорку контраст жана жылуу түстөрдү коррекциялоо менен иштетилет.
Түстөр палитрасы
Нейтралдуу
- Warm Cream
#ffedd7— Караңгы беттердеги ачык текст, тескери жазылган жазуулар жана жогорку контрасттуу сүрөттөр. - Walnut Shadow
#100904— Барактын полотносу жана эң терең фоны жылуу, дээрлик кара, бирок таза кара эмес. Ар бир продукт жарыясынын артында боштук жашырылган. - Bark Brown
#382416— Баскычтын көтөрүлгөн бети жана толтурулган фоны холсттон бир түстүү кадам жогору жайгашкан жана бир жолку, үзгүлтүксүз аракетке чакыруу үчүн колдонулат. - Cork Border
#40372e— Ичке бөлүүчү сызыктар, чекиттүү бөлгүчтөр, дээрлик байкалбаган контейнердин чектери – холсттун өзүнөн бир кадам жылуураак. - Driftwood
#6c5f51— Экинчилик дубалдар жана жумшак структуралык элементтер үчүн жылуу, орточо тондогу боз түс, ал кабык менен каймак түстөрүнүн ортосундагы ажырымды толуктайт. - Ember Accent
#dc5000— Кызгылт сары түс шилтемелерди, тегдерди жана кыска сөз айкаштарын белгилөө үчүн колдонулат.
Типография
18ден 51 пикселге чейин · 5 кадам
- halyard-display-variable — алмаштыруу: Inter or Söhne · контурлар 400, 500 · Бир шрифт. Баш тамгаларды колдонууда өзгөчө ишенимдүүлүктү көрсөткөн 500 калыңдыктагы 51 пикселдик аралыгы бар шрифт аталыштар үчүн колдонулат; аралаш регистрлерди колдонууда 400/29 пикселдик аралыгы бар ошол эле шрифт негизги текст үчүн жалгыз шрифт болуп калат. Тамгалардын аралыгы стандарттуу бойдон калууда — геометриялык фигуралар кысылбастан өз ишин аткарат. Структуралык жактан так дал келүү үчүн, сиз 'Inter', 'Söhne' же 'Neue Haas Grotesk' колдоно аласыз.
- Arial — алмаштыруу: system-ui · контурлар 400, 500 · Микроюридикалык энбелгилер үчүн система боюнча резервдик вариант (8 пиксель баш тамгалар, мисалы, "* ADOBE ILLUSTRATOR"). Бул дизайн чечими эмес, автоматтык түрдө түзүлгөн системалык эскертүүлөр үчүн талап.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | орточо |
| Негизги кадам | 18px |
| Баскычтын радиусу | 8px |
| Картанын радиусу | 12px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
Жасалма интеллект сиздин веб-сайтыңызды ORYZO AI стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- 21 TSI — Кыпкызыл боштук, бир силуэт – колдонуучу интерфейси атмосферага сиңип кеткен жогорку модалуу редакциялык макала
- Ysl — Кара жана ак тасмадан алынган кадр - бир логотиптин астында бир гана модель, башка эч нерсеге уруксат жок
- Channel Studio — Бир коралл абажур менен жабдылган студиялык фотолаборатория
- Assembly Coffee London — Караңгы кууруучу жайдагы көмүрлөр. Жылуу, күңүрт жарыктандырылган продукциянын сүрөттөрү жана курсивдүү сериф жазуулары бар дээрлик кара полотно — түнкү самиздат менен басылган атайын кофе менюсунун сезими.
- PostNew — Галерея жумуштан кийин ачык жана күндүзгү жарыкта жасалгаланган
- Factory — Түн ортосунда "согуш бөлмөсү" терминалы. "Фабриканын" өзү кара түстөгү башкаруу панели, ал жерде бир гана ак карточка фонарь жарыгында жаркыраган билдирүү сыяктуу түшөт — бөлмөдөгү жалгыз объект - бул чыгарманын өзү.
- Numbered — Кара баркыттан жасалган модалуу фотосессия. Дээрлик кара подиум, анын рамкасы бир гана бет менен толтурулган, ак сыя жана дээрлик байкалбаган коло жип гана белгилери бар.
- Apple (España) — жарыктандырылган жабдуулары бар кара театр
- Home page | Impossible Foods — Баркыт караңгылыгындагы кан-кызыл панк плакаты. Шарап түстүү полотнонун үстүнөн атайын жасалган, кысылган баннер бүдөмүк көрүнүп турат, ал эми кызыл түстөгү чакырыктар касапчынын дүкөнүндөгү баа белгисиндей көрүнүп турат.
- Ferrari — Кара мрамордогу дүрбөлөңгө түшкөн каваллино. Кара боштуктарды Ferrari'нин кызыл, ак түстөгү баш тамгалар жана толук көлөмдөгү кинематографиялык кадрлары үзгүлтүккө учуратты.
- OpenSea — Көк түстөгү алкактары бар кара соода терминалы
- Arthursimonini — Кара сыя менен басылган кинопрограмма