FORMA ARCHITECTS

Сайт архитектурной студии

Демонстрационная концепция

Архитектура как редакционная история. Светлая демонстрационная концепция, где фотографии, типографика и свободное пространство задают ритм просмотра.

Открыть сайт

FORMA ARCHITECTS: светлая главная страница с крупной типографикой и архитектурной фотографией — Первый экран сайта · десктопная версия

О проекте

Выстроить спокойную презентацию архитектурного подхода: от общего впечатления к отдельным концептам, услугам и этапам работы. Интерфейс оставляет главную роль изображениям, а текст помогает понять идею каждого пространства.

Создано для портфолио NOVARY. Бренд вымышленный; проект не является клиентским заказом.

Дизайн

Пространство, свет, пропорции.

Тёплый светлый фон и графитовая типографика создают редакционную основу. Асимметричная сетка и разный масштаб фотографий превращают просмотр проектов в последовательность визуальных историй.

Форма жизни.

С внимания к человеку начинается архитектура.

ManropeОдна гарнитура — разные масштабы: от крупного заголовка до спокойных подписей.

Палитра проекта

Фон#F5F3EF
Текст#171717
Акцент#A39A8B

Четыре архитектурных концепта представлены в разномасштабной сетке. Для каждого открывается диалог с изображением, описанием и деталями идеи. Услуги и процесс работы продолжают историю на одной странице.

Реализация

HTML, CSS и Vanilla JavaScript. Без фреймворков и серверной части.

Адаптивная вёрстка, локальные шрифты и изображения WebP. Анимация появления учитывает настройку reduced motion.

Проекты подробнее: Карточки открывают нативный dialog с изображением, описанием и характеристиками выбранного концепта.
Мобильная навигация: Меню управляет фокусом и закрывается по Escape. Разметка перестраивается под узкий экран.
Демонстрация контакта: Контактная кнопка объясняет демонстрационный статус. Реальной отправки заявки и подключённых соцсетей нет.

Внутри интерфейса

На сайте можно рассмотреть архитектурные концепты, открыть их описания и изучить структуру услуг. Фотографии служат визуальными референсами и не обозначают реализованные проекты FORMA.

Посмотреть демосайт