Больше трёх лет Astro помогает сообществу веб-разработчиков строить лучший веб. За годы было много изменений, недавно — Astro 2.0. Сегодня мы представляем новый облик Astro!
Путешествие начинается
Бренд Astro всегда опирался на идеализм раннего интернета. Быть веб-разработчиком было суперсилой. Впервые в истории можно было мгновенно создавать и делиться цифровым опытом по всему миру.
За три года мы прошли несколько итераций сайта и визуального стиля. Первый сайт — одностраничный манифесто видения Astro и скрытый console.log для секретного раннего Discord.
С тех пор мы далеко ушли, и Astro заслуживает облик, отражающий видение следующих трёх лет. Мы работали с Jessica Streiloff и командой Streiloff & Co — современный вид без потери идеализма раннего веба.
Три месяца мы разбирались, что Astro значит для нас. Интервью с сообществом, core maintainers и power users. Смотрели прошлое и будущее. После всей обратной связи команда Jessica вернулась со storyboard, который сразу «щёлкнул».
Готовы к взлёту
Обновлённый бренд состоит из нескольких частей. Разберём каждую.
Логотип и знак
Логотип потребовал лишь небольших доработок — форма знака и типографика для читаемости. Старый знак было сложно визуально центрировать; новый логотип улучшает это за счёт лёгких правок и интервалов.
Типографика
Типографика важна для нашей команды. Шрифты оптимизированы для читаемости и отражают характер бренда. Для основного шрифта выбрали Obviously от OH no Type Company — универсальность и смелость. Для dev-платформы нужен отличный моноширинный шрифт — MDIO от Mass-Driver.
Визуальные элементы и палитра
Мы подчёркивали: не выглядеть как каждый второй devtool. Dark mode сейчас в моде, но мы сочетаем его с уникальной палитрой и оригинальной иллюстрацией.
Знакомьтесь: Houston
Если вы следите за Astro последние месяцы, вы уже знакомы с Houston — нашим дружелюбным маскотом. Он в экспериментальном AI-ассистенте, в обновлённом диалоге ошибок внутри Astro.
Возможно, вы не знали: Houston нашли почти случайно. Nate Moore добавил оригинальный «blob» в CLI npm create astro для живости скучного «getting started». Jessica из Streiloff & Co это понравилось, и мы стали думать о персонаже серьёзнее.
Несколько итераций Houston, пока не нашли характер, отражающий Astro: причудливый, доступный, дружелюбный.
Houston может казаться «квадратным», но простота — его сила (как у Astro!). С такой гибкой основой Houston можно нарядить под любой повод:
Увидимся в космосе, Astronaut
Надеемся, ребрендинг вам понравится так же, как нам! По мере эволюции Astro будет меняться и облик. Следите за разборами бренда Astro.
В будущем хотим полностью open-source дизайн-систему. Пока ассеты бренда — на новой странице прессы.