Por poco más de tres años, Astro ha tenido la misión de capacitar a la comunidad de desarrollo web para construir una web mejor. Hemos pasado por muchos cambios a lo largo de los años, más recientemente con el lanzamiento de Astro 2.0. ¡Hoy, estamos orgullosos de presentar una nueva imagen y estilo para Astro!
El Viaje Comienza
La marca de Astro siempre ha estado arraigada en el idealismo de los primeros días de internet. Ser desarrollador web era el superpoder definitivo. Por primera vez en la historia de la humanidad, podías crear y compartir experiencias digitales alrededor del mundo al instante.
Durante los últimos tres años hemos pasado por varias iteraciones de nuestro sitio web y estilo visual. Nuestro primer sitio web era solo un manifiesto de una sola página de la visión de Astro y un console.log oculto como easter egg para unirse a un Discord secreto de acceso anticipado.
Hemos recorrido un largo camino desde entonces, y Astro merece una imagen y estilo visual que refleje nuestra visión para los próximos tres años. Nos asociamos con Jessica Streiloff y su equipo en Streiloff & Co para ayudarnos a crear una nueva imagen para Astro que se sintiera moderna sin perder ese idealismo de los primeros días de la web.
Durante tres meses nos embarcamos en un viaje para entender qué significaba Astro para nosotros. Entrevistamos a nuestra comunidad, incluyendo a los maintainers del core y a los power users de Astro. Miramos nuestro pasado y nuestro futuro. Después de digerir todos los comentarios que habían recopilado, el equipo de Jessica volvió a nosotros con un concepto de storyboard que realmente encajó.
Listo Para Despegar
Nuestra marca actualizada tiene varios componentes. Echemos un vistazo más de cerca a cada uno.
Logo y Marca
El logo solo requirió refinamientos menores, como ajustar la forma de la marca y mejorar la tipografía para mejor legibilidad. Por ejemplo, la marca anterior era visualmente difícil de centrar. El nuevo logo mejora esto con algunas manipulaciones más ligeras y actualizaciones de espaciado.
Sistema Tipográfico
La tipografía es algo que nos importa profundamente dentro de nuestro equipo. Elegimos tipografías que están optimizadas para la legibilidad pero que también reflejan la personalidad vibrante de nuestra marca. Elegimos Obviously de OH no Type Company como nuestra fuente principal por su versatilidad y personalidad audaz. Como una plataforma enfocada en desarrolladores, también era esencial que seleccionáramos una excelente tipografía de código, así que optamos por MDIO de Mass-Driver.
Elementos Visuales y Paleta de Colores
Enfatizamos la importancia de no parecer como cualquier otra herramienta de desarrollo que existe cuando se trataba de la estética de nuestra marca. Los sitios web en modo oscuro están muy “de moda” ahora mismo, pero elegimos combinar uno con una paleta de colores única y un estilo de ilustración original.
Presentando: Houston
Si has estado siguiendo a Astro durante los últimos meses, probablemente ya te han presentado a Houston, nuestra amistosa mascota de Astro. Ha aparecido recientemente en todo, desde nuestro asistente de IA experimental hasta nuestro diálogo de error rediseñado dentro del propio Astro.
Lo que quizás no sepas es que descubrimos a Houston casi por accidente. Nate Moore había añadido un “blob” original a nuestro CLI de ayuda npm create astro para añadir un poco de personalidad a una herramienta de “inicio” que de otro modo sería aburrida. A Jessica de Streiloff & Co le encantó esto, y nos impulsó a pensar en el pequeño como más que algo de un solo uso.
Trabajamos en varias iteraciones de Houston antes de encontrar una personalidad que reflejara cómo veíamos a Astro mismo: juguetón, accesible y amigable.
Houston puede parecer un poco cuadrado, pero su simplicidad visual es su fortaleza (¡al igual que Astro mismo!). Con una base tan flexible, Houston puede vestirse para cualquier ocasión o emoción:
Nos Vemos Allá Afuera, Astronauta
¡Esperamos que disfrutes este rebrand tanto como nosotros! A medida que continuamos evolucionando, esta imagen y estilo también lo harán. Mantente atento a más análisis profundos y exploraciones de la marca Astro.
Esperamos hacer nuestro sistema de diseño completamente de código abierto en el futuro. Mientras tanto, para descargar nuestros recursos de marca puedes dirigirte a nuestra nueva página de prensa.