Atelier Mora | Портфолио архитектурного бюро
О проекте
Atelier Mora — концепт портфолио для архитектурного бюро из шести человек в Валенсии. Архитекторы — требовательная аудитория для сайта: они читают вёрстку так же, как читают план, поэтому страница должна была работать как типографика ещё до того, как в неё положили контент.
Структура заимствована у печати. Тёплый бумажный фон, чернильно-чёрный текст и один терракотовый акцент; крупная антиква в первом экране; а дальше — работы не сеткой превьюшек, а индексом: пронумерованные строки с назначением, площадью и годом, ровно так, как бюро перечисляет проекты в реальности. При наведении на строку поднимается рисунок, следующий за курсором, — страница остаётся тихой, пока вы сами что-то не спросите.
Ниже — горизонтальная лента текущих работ со снап-точками, глава о студии инвертируется в почти чёрный ради контраста, а контакты сочетают крупные ссылки на почту и телефон с настоящей формой запроса. Шапка использует mix-blend-mode, поэтому одна навигация остаётся читаемой и на светлой, и на тёмной половине страницы.
Тип: Концепт · портфолио бюро
Стек: HTML, CSS, ванильный JS
Фокус: Редакционная типографика
Страница по логике печати: работы поданы нумерованным индексом с превью, следующим за курсором, одна навигация остаётся читаемой на светлых и тёмных секциях.
проектов
У каждого свой рисунок, который появляется под курсором при наведении
палитры
Светлые и тёмные секции с одной навигацией через mix-blend-mode
библиотек
Превью под курсором, снап-лента и прогресс скролла написаны руками
Есть похожий проект?
Давайте обсудим!
Расскажите мне о вашей идее, и я помогу вам начать и реализовать её

What my Clients say About Me
Feedback from those who have already launched their digital product with us









