欢迎,世界

作者
Mark Peck

三年多来,Astro 一直致力于赋能网络开发社区,以构建更优质的网络。这些年来,我们经历了许多变化,最近的是发布了 Astro 2.0。今天,我们自豪地为 Astro 揭示了全新的外观和感受!

旅程即将开启

Astro 的品牌始终植根于早期互联网的理想主义。成为一名网络开发者是终极超能力。人类历史上第一次,你可以即时在全球范围内创建和分享数字体验。

在过去的三年里,我们的网站和视觉风格经历了多次迭代。我们的第一个网站只是一个 Astro 愿景的单页宣言,以及一个隐藏的 console.log 彩蛋,用于加入一个秘密的早期访问 Discord 社区。

从那时起,我们已经取得了长足的进步,Astro 值得拥有一个反映我们未来三年愿景的视觉外观和感受。我们与 Jessica Streiloff 及其在 Streiloff & Co 的团队合作,帮助我们为 Astro 打造一个全新的外观,既现代又不失早期网络的理想主义。

在三个月的时间里,我们踏上了一段旅程,旨在理解 Astro 对我们而言意味着什么。我们采访了我们的社区,包括 Astro 的核心维护者和高级用户。我们审视了我们的过去和未来。消化了他们收集到的所有反馈后,Jessica 的团队给我们带来了一个令人眼前一亮的分镜概念。

准备起飞

我们更新后的品牌包含多个组成部分。让我们逐一仔细看看。

标志与标识

标志只进行了细微的优化,例如调整了标识的形状并改进了字体以提高可读性。例如,以前的标识在视觉上很难居中。新标志通过一些更轻微的调整和间距更新,改善了这一点。

字体系统

字体排版是我们团队内部非常重视的事情。我们选择了既优化了可读性,又能反映我们品牌活泼个性的字体。我们选择了 OH no Type Company 的 Obviously 作为我们的主字体,因为它具有多功能性和大胆的个性。作为一个专注于开发者的平台,选择一款优秀的编程字体也至关重要,因此我们选择了来自 Mass-Driver 的 MDIO。

视觉元素与调色板

在品牌美学方面,我们强调了不与市面上其他开发工具雷同的重要性。深色模式网站目前非常流行,但我们选择将其与独特的调色板和原创插画风格结合起来。

隆重推出:休斯顿

如果您在过去几个月里一直在关注 Astro,那么您可能已经认识了休斯顿——我们友善的 Astro 吉祥物。最近,他出现在了从我们的实验性 AI 助手到 Astro 内部重新设计的错误对话框等各种地方。

您可能不知道的是,我们发现休斯顿几乎是偶然。Nate Moore 在我们的 npm create astro 辅助命令行界面中添加了一个原创的“小球”,为这个原本枯燥的“入门”工具增添了一点个性。Streiloff & Co 的 Jessica 对此非常喜欢,并鼓励我们把这个小家伙看作不仅仅是一次性的。

我们对休斯顿进行了多次迭代,最终找到了一个能反映我们对 Astro 看法的个性:异想天开、平易近人、友好。

休斯顿可能看起来有点方,但他的视觉简洁性正是他的优势(就像 Astro 本身一样!)。凭借如此灵活的基础,休斯顿可以为任何场合或情绪进行装扮

太空人,我们太空见

我们希望您能像我们一样喜欢这次品牌重塑!随着我们不断发展,这种外观和感受也将随之演变。敬请关注更多关于 Astro 品牌的深入探讨和探索。

我们希望未来能将我们的设计系统完全开源。与此同时,要下载我们的品牌资产,您可以前往我们的新媒体页面