ORYZO AI
Караңгы бүлмә турында фотоэссе. Җылы караңгылыкта калкып торган ялгыз әйбер, бердәнбер бизәк - каймак шрифт.
ORYZO визуаль системасы һәр аерым продукт объектын музей экспонаты кебек карый: җылы, караңгы төстәге полотно, зур негатив киңлектә йөзүче каймаксыман шрифт һәм форма белән көндәшлек итүче интерфейс элементлары бөтенләй юк. Барлык текст элементлары да баш хәрефләр белән, 500 калынлыктагы шрифт белән язылган, системаның бердәнбер сөйләшү элементы булган 29px/400 зурлыгындагы төп тексттан кала. Бер генә ачык кызгылт сары төс бары тик атрибуция сызыклары һәм студия сылтамалары өчен кулланыла - беркайчан да төймәләр яки чакырулар өчен түгел - шуңа күрә ул сирәк очрый. Макет ике режим арасында чиратлаша: фотогерой (кораллар һәм материаллар контекстындагы продукт) һәм бушлыкка нигезләнгән күрсәтү режимы (җылы, караңгы фонда изоляцияләнгән продукт), нечкә, нокталы бүлгечләр һәм таблетка формасындагы идарә итү элементлары белән тоташтырылган.
Битнең киңлеге чикләнмәгән - максималь киңлек контейнеры юк, һәм һәр бүлек 100 вольт сыйдыра. Баш экран: өстән аска кадәр тулы экранлы фото, югары сул почмакта зур ORYZO логотибы (51 пиксель+), өстә слоган, югары уң почмакта минималист навигация, уң кырые буйлап вертикаль ян панель, аскы сул почмакта үтә күренмәле мәгълүмат картасы һәм аскы уң почмакта видео миниатюрасы. Киләсе бүлекләр: продуктның үзәкләштерелгән 3D рендеры булган тулы экранлы Walnut Shadow холсты, сул якка тигезләнгән исем һәм уң якка тигезләнгән төп күчермә белән әйләндереп алынган - киң 18 пиксель суүткәргечләре булган өч баганалы челтәр (текст/объект/текст). Бүлекләр арасындагы күчүләр шома, караңгы фонда караңгы; өзеклекләр - нечкә нокталы бүлгечләр. Навигация даими, үтә күренмәле, максимум 4 элемент белән. Ян панель, аскы колонтитулда хром юк, карталар эчендә карталар юк - һәр экран бер объект кебек тоела.
Фоторәсемнәр редакция характерында, өстән аска таба һәм контекстта төшерелгән: тыгынлы стена яшел кисү келәмендә тора, аның тирәсендә карандашлар, һөнәр пычагы һәм кәгазь кыстыргыч - рамкада күренә торган һөнәр кораллары күренә. Яшел кисү келәме (#445231) - дисплей элементы гына, UI элементы түгел. Продукция презентациясенә багышланган бүлекләрдә 3D визуализация өстенлек итә: тыгынлы стена Walnut Shadow фонында аерым күрсәтелгән, югары уң яктан җылы кырыйлы яктылык белән яктыртылган, өстән аска таба өчтән дүрткә кадәр почмаклар алмашынып тора. Тормыш рәвеше фотолары, кешеләр, склад рәсемнәре юк - объект төп герой, ә кораллар аның контексты. Рәсемнәр бөтен экранны били, кырыйлары ачык (түгәрәк битлекләр юк) һәм югары контраст һәм җылы төс коррекциясе белән эшкәртелгән.
Палитра
Нейтраль
- Warm Cream
#ffedd7— Караңгы өслекләрдә якты текст, кирегә борылган язмалар һәм югары контрастлы рәсемнәр. - Walnut Shadow
#100904— Битнең холсты һәм иң тирән фоны җылы, диярлек кара төстә, ләкин саф кара түгел. Һәр продукт игъланы артында бушлык яшеренгән. - Bark Brown
#382416— Төймәнең күтәрелгән өслеге һәм тулы фоны холсттан бер төсле адым югарырак урнашкан, алар бер тапкыр өзлексез эшкә чакыру өчен кулланыла. - Cork Border
#40372e— Нечкә бүлгеч сызыклар, нокталы кисәк бүлгечләр, сизелерлек диярлек контейнер чикләре - холстның үзеннән бер адым җылырак. - Driftwood
#6c5f51— Икенчел бүлгечләр һәм тонык структура элементлары өчен җылы, уртача төстәге соры төс, ул Bark һәм Cream арасындагы аерманы бетерә. - 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 — Кара мәрмәрдә шау-шулы каваллино. Кара бушлыкларны ачык кызыл, ак баш хәрефләр һәм тулы киңлектәге кинематографик кадрлар бүлеп чыгарган.
- OpenSea — Кара төстәге сәүдә терминалы, мат зәңгәр рамлы рамнар белән
- Arthursimonini — Кара сыя белән басылган фильм программасы