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









