monopo saigon
Редакция тынлыгы артындагы сыек, нурлы балкыш — эрегән яктылыкта йөзеп йөргән монохром редакция галереясе
Monopo Saigon радикаль монохром дисциплина астында эшли: саф кара һәм ак, нечкә соры төсләр белән, зур Руберт шрифты тирәли уралган, ул битнең бөтен киңлегендәге полотноларда сулыш ала кебек. Үзенчәлекле контраст катгый редакция чикләүләрендә (навигация һәм текст сылтамаларының кискен почмаклары, мул ак бушлык, 4 пиксельгә нигезләнгән ритм) һәм бер экспрессив ишарәдә — рәсемнәр өстендә сыекча кебек йөзеп йөрүче 75 пиксель радиуслы төймәләрдә ята. Төп дизайн элементлары ярымшәрә, сыек хроматик атмосферага тартыла (яшел төсләр янтарьга, аннары тирән бордо төсенә күчә), ә интерфейс үзе беркайчан да бер төскә дә ия булмый, сыек яктылык елгасы өстендә йөзеп йөрүче кара-ак редакция галереясе хисен тудыра. Шрифт тонны билгели: 78 пиксельдәге 300 юллык калынлык пышылдау ясый, 225 пиксельдәге 400 юллык калынлык карау мәйданын тутыра, ә 11 пиксельдәге 400 юллык калынлык ышанычлы һәм минималь рәвештә калган бар нәрсәне дә билгели. Хәрәкәт экспрессив, шул ук вакытта сабыр — куб-безье (0.19, 1, 0.22, 1) тигезләнешкә каршы кәкреләр, 1.25 секундка кадәр сузыла, трансформация күчешләре элементларга кинәт туктап калу урынына шуышырга мөмкинлек бирә.
Макет 1078 пиксель киңлектә үзәкләштерелгән, кара төстәге сикл өлешләре битнең бөтен киңлеген колачлый һәм контейнердан читтә сузыла. Сикл өлеше бөтен карау мәйданын били: үзәкләштерелгән, монументаль исем (Uni ted, Unbound) ялтыравыклы медиа контент өстендә калкып тора, минималист навигация өске өлештә йөзә, ә аскы сул өлештә бер әйләнүче иконка урнашкан. Төп күчермә бүлекләре киң редакция ритмын куллана - бүлекләр арасындагы зур 46 пиксель аралар блоклар арасында сулыш алу өчен урын тудыра, ак һәм караңгы (ак шрифт белән кара) полосалар чиратлаша. Эчтәлек макеты асимметрик: сул яктагы текст/уң яктагы рәсем һәм сул яктагы рәсем/уң яктагы текст чиратлаша, сикл бүлегеннән тыш үзәкләштерелгән блоклар юк. Карта челтәрләре күп баганалы түгел, ә бер баганалы проект исемлекләре буларак күрсәтелә - һәр проект үзенең рәсеме һәм исеме белән тулы киңлекне били. Навигация сул яктагы логотибы, үзәктәге локализациясе һәм уң яктагы менюсы булган үтә күренмәле өске тактадан тора - даими төс үзгәрешләре юк, күләгә юк, күренми торган саклау төймәсе генә бар. Битнең аскы өлешендә өч баганалы адрес блогы (Токио, Сайгон, Лондон) урнашкан, анда текст ачык һәм аңлаешлы итеп язылган. Гомумән алганда, бу санлы журналның редакция стиле.
Визуаль күренешләр театрлаштырылган һәм үзенчәлекле: төп экранда зур, нурлы, сыек текстура өстенлек итә - органик яшел төсмерләр янтарь һәм бордо төсләре аша эреп китә, судагы май яки эретелгән пыяла кебек. Бу атмосфера медиа контенты бөтен экранны биләп алган кебек тоела, бәлки, шейдерлар белән ясалган видео яки холст, һәм кабатланучы үрнәк түгел, ә бер хис мизгеле буларак кабул ителә. Проект демоларында рамнарсыз яки чикләрсез тәкъдим ителгән шәхси редакция фотографиясе (зур күләмле продукт фотолары, реклама рәсемнәре) кулланыла - рәсем - ул эчтәлек. Анда иллюстрацияләр, кечкенә UI глифларыннан башка иконалар, декоратив формалар юк. Иконография минималь яки юк; әйләнүче түгәрәк текст иконасы системаның бердәнбер типографик бизәге булып хезмәт итә. Гомуми тыгызлык: текст зур күләмдә бер визуаль ишарә белән өстенлек итә, аннан соң типография һәм продукт рәсемнәренең озын, тыныч редакция сузыклары килә.
Палитра
Бренд
- Iridescent Fade
#a02d25— Хроматик акцент градиент күчешендә генә күренә - ярылган атмосфераның нигезен тәшкил иткән эрегән бордо төсе интерфейс контроль элементларында кулланылмый.
Нейтраль
- Obsidian
#000000— Төп текст, SVG штрихы, төп текст өстеннән тутыру - саф кара төс барлык алгы план мәгълүматын һәм график элементларны үз эченә ала. - Paper
#ffffff— Караңгы өслекләрдә ачык текст, кирегә борылган язмалар һәм югары контрастлы башлыклар. Эшкә чакырулар өчен төп төс буларак ачык текст кулланмагыз. - Inkstone
#181818— Аскы колонтитулдагы төп текст һәм өстәмә башлыклар озын текстларны уку өчен тонык кара төстә. - Felt Gray
#6d6d6d— Ярдәмче текст, адрес блоклары, юридик текстлар – тулысынча югалмыйча, сизелмичә кире кайта торган тыныч аннотацияләр. - Slate Pill
#636363— Төймәнең нейтраль фоны - "Кабул итү" кебек гамәлләр өчен кулланыла торган бердәнбер ныклы тутыру. - Ash Mist
#9a9a9a— Күрү сәләте начар яки контрасты түбән булган өслекләр өчен нейтраль, урта тонлы төсмер.
Типография
12 дән 225 пиксельгә кадәр · 9 адым
- Roobert — алыштыру: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · контурлар 300, 400, 600 · Төп шрифт барлык интерфейс текстлары, навигация, башлыклар, төп текст, исемлекләр һәм аскы колонтитуллар өчен кулланыла. Бу махсус эшләнгән sans-serif шрифты геометрик ачыклыкны гуманистик җылылык белән берләштерә; аның киң авырлык диапазоны (300 Whisper'дан 600 Anchor'га кадәр) шрифтка сулыш алырга мөмкинлек бирә - монументаль башлыклардан алып ноталарга кадәр.
- Raleway — алыштыру: Montserrat or Jost · контурлар 400 · Кайбер башлык контекстларында гына кулланыла, анда нәфисрәк, тар санс-сериф контраст бирә - сирәк кенә калынрак Роберт шрифтына каршы контрапункт буларак кулланыла.
- system-ui — алыштыру: Inter · контурлар 400 · Интерфейс микро-ярлыклары, cookie баннерының төп тексты, кечкенә шрифт - браузерның гадәти резерв варианты, махсус шрифт кулланмыйча, иң вак детальләрдә дә уку җиңеллеген тәэмин итә.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | тыгыз |
| Төп адым | 14px |
| Төймә радиусы | 75px |
| Карта радиусы | 0px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 46px |
| Бит киңлеге | 1078px |
Ясалма интеллект сезнең сайтны monopo saigon стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Hyer Aviation — Пергамент өстендә кабинада караңгылык. Ачык таң күк йөзе фюзеляж зурлыгындагы сериф логотибы белән очраша, һәм җылы балчык төсендәге бер генә акцент монохром чикләүне җимерә.
- OFF+BRAND. — Җылы пергаментта нурлы шар
- Seed — лаборатория пыяласы астында тере организм
- Eindhoven Design District — Ак кәгазьдәге редакция брутализмы – зур шрифт белән, минималь фоторәсемнәр һәм тулысынча тыелганлык белән башкарылган муниципаль дизайн манифесты.
- Subframe — Җылы пергаментта график рәсем. Дизайнер кәгазендә һәр сызык я графит, я бетергеч белән ясалган, беркайчан да буялмый - тирәнлек сызык калынлыгы һәм сирәк серифлар аша ирешелә.
- Miranda — Ачык крем төсендәге фонда классик киң форматлы шрифт — санлы чор өчен газета редакциясе
- Monocle — Крем төсендәге кәгазьдә басылган югары сыйфатлы, киң форматлы газета. Һәр багана үз урынына лаеклы, һәм биттә бер генә мәгънәле төс күренә торган җентекләп сайланган редакция мәкаләсе.
- Agencja brandingowa — Ак төсләрдәге редакция галереясе, кара кара белән типографияләнгән
- Websmith Studio — Крем кәгазендә иртәнге яктылык
- Aspelin Reitan — Candlelight ярдәмендә төзелгән архитектура архивы - Бит җылы крем төсендәге стенага беркетелгән төзелгән мәйданнар портфолиосына охшаган, һәр рәсем өстендә битнең тулы киңлеге буенча бер юл ак текст йөзеп йөри.
- Public — Салкын мәрмәрдә монохром мәкалә — диярлек монохром холст, 300 нокталы сериф шрифты һәм бер шәмәхә төс акценты белән барлык төсләр дә эшләнгән.
- Motto — Кәгазьдәге типографик монолит – кар кебек ап-ак кәгазьдә үзен игълан итүче бердәм, ышанычлы тавыш