Astro

For Published

Developers and teams building content-rich sites where performance matters: marketing sites, blogs, e-commerce, docs, portfolios (paraphrase).

Problem Published

Most frameworks are designed for web apps and ship JavaScript content sites don't need (paraphrase).

Promise Published

Faster sites: lightweight server-rendered HTML with zero unnecessary JavaScript, content from anywhere, deploy everywhere (paraphrase).

Mission Published

Empower the web development community to build a better web (paraphrase; core phrase quoted from the post).

Proof behind each pillar

• Server-First. 71% of real-world Astro sites have good Core Web Vitals, vs WordPress 48%, Gatsby 45%, Next.js 35%, Nuxt 28% (HTTP Archive and Chrome UX Report, as shown on the homepage).
• Content-Driven. Logo wall 'used by the largest companies': Google, Unilever, Visa, Microsoft, Porsche, OpenAI, Netlify, NordVPN, Cloudflare, NBC News, The Guardian, Michelin, Proton, Webflow.
• Customizable. Supports React, Vue, Svelte, Preact, Solid (homepage tabs), plus Angular and Qwik in UI Integrations.

Story Published

Astro started about three years before 2023 with a one-page manifesto and a hidden console.log easter egg that led to a secret early-access Discord. In 2023, after three months of community interviews with Streiloff & Co, it refreshed the logo, chose Obviously and MDIO, paired a dark-mode site with its own palette and illustration, and promoted Houston, a CLI 'blob' by Nate Moore, to mascot.

Values

Category. JavaScript web framework (homepage); web framework for content-rich sites (press). Published

Why them

1. Astro Islands: page-load performance the homepage says no other framework matches. Observed
2. Zero JavaScript by default; server-first rendering. Observed
3. Zero lock-in: bring React, Vue, Svelte, Preact, Solid and more. Observed
4. Content from any source (files, API, CMS) and deployment adapters for major hosts. Observed
5. MIT-licensed open source with a community and partner agencies. Observed

Instead of

WordPress, Gatsby, Next.js and Nuxt: the comparison set in the homepage Core Web Vitals chart.Frameworks designed for web apps (press page framing).

Boilerplate Published

Astro is a web framework that takes the best of the early internet, plain HTML and CSS, and runs it on a next-generation architecture so every Astro site, and the web as a whole, gets faster. Where most frameworks target web apps, Astro is built for content-rich sites where performance matters most: content can come from anywhere and deploy everywhere.

Taglines

They never claim

• Use only Astro's own published numbers, with their dataset named (the CWV chart). Our reading
• Third parties may use the logo to link to Astro, show built-in Astro support, or in posts and videos about Astro; not as their own icon or inside their logo. Published
• Don't sell products featuring the Astro logo without permission. Published
• Houston must not be used in your own materials. Published

One line leads: 'The web framework for content-driven websites', backed by three pillars (Server-First, Content-Driven, Customizable) and Title Case section promises (Astro Islands, Zero Lock-in, Fully Featured). The press page adds the boilerplate and the closing 'build the web we want, together'.

Source: astro.buildastro.build/pressgithub.com/withastro/astro.build src/pages/_components/landing-page/Intro.astro (main, read 2026-10-31)

• Whimsical, approachable and friendly: Houston's personality, chosen to reflect Astro itself
• Sentence case headlines
• Section titles, eyebrows and feature names in Title Case (Zero Lock-in, Fully Featured, Best-In-Class Performance)
• Every performance number carries its dataset and a link to it
• Pair the main CTA with the literal install command, npm create astro@latest
• Lowercase 'astro' in the wordmark only; the name is 'Astro' in copy

WhimsicalApproachableFriendly

No voice guide is published. The rebrand names Houston's personality (whimsical, approachable, friendly) as Astro's own; the site writes plain, short developer sentences, sentence-case heroes, Title Case section names, and space puns in headings.

• Plain, specific developer language: what it does, then how to start
• Light space humor in headings only (Ready For Takeoff)
• Name the data source for every number
• Speak to the community as 'we' and 'together'

• The rebrand gives Houston, and through him Astro, three words: whimsical, approachable, friendly.
• Idealism of the early web: building for the web is framed as a shared, almost heroic craft ('let's build the web we want, together').
• Plain developer English on the homepage: say what it does (server-first, content-driven, zero JavaScript by default), then show a command to run.
• Numbers are always sourced on the page itself (the Core Web Vitals chart cites HTTP Archive and the Chrome UX Report).
• Space puns are part of the voice (Ready For Takeoff, See You Out There, Astronaut; the Houston mascot), used in headings, not in product claims.
• No written voice guideline is published; everything beyond the three Houston traits is observed.

Source: astro.build/blog/welcome-worldastro.build/press

Source: astro.build/blog/welcome-worldastro.build

The 2023 logo pairs a rocket-flame 'A' mark with a wide lowercase 'astro' wordmark. Press files come in dark ink for light grounds, white with a red-pink gradient flame for dark grounds (the default on dark), and monochrome white when a single color is essential. The logomark alone is for very small uses. The 2021 logo is retired.

Source: astro.build/pressastro.build/blog/welcome-world

Dark grounds (#060913 homepage, #0D0F14 press and blog) with off-white #F2F6FA headings and #BFC1C9 body text. Color arrives as four two-stop gem gradients (blue-purple, blue-green, red-pink, orange-yellow) in icon rings, eyebrows, button text and soft glows. The rebrand palette image shows grays from white to charcoal above the four gradient bars.

Not published: color proportions or ratios; contrast rules; print values (CMYK, Pantone).

Source: github.com/withastro/astro.build tailwind.config.ts (main, read 2026-10-31)astro.build/blog/welcome-worldastro.build/%20(2026-10-31)

Obviously, a wide variable grotesk, sets headlines: bold 700 for the hero and closing CTA, a light 290 for the intro statement with the brand name in 475, 380 on press and blog headings. Inter Light (200-300) carries reading text; MDIO Light sets code. Headings are often centered in the hero and left-aligned in sections.

Source: astro.build/blog/welcome-worldgithub.com/withastro/astro.build src/styles/fonts.css (main, read 2026-10-31)github.com/withastro/astro.build src/styles/tailwind.css (main, read 2026-10-31)astro.build/%20(2026-10-31)

Gem icons (gradient ring, black disc, white glyph), pill buttons and tabs, translucent dark panels with hairline borders, a stacked CTA of white pill and code block, nebula glows and stardust, and a faded 100px grid on page headers.

Source: github.com/withastro/astro.build tailwind.config.ts (main, read 2026-10-31)github.com/withastro/astro.build src/components/GemIcon.astro (main, read 2026-10-31)astro.build/%20(2026-10-31)

Feature icons are Remix Icon line glyphs (server, file list, dashboard) set white inside gradient-ringed gem circles. The repo's own UI icons are 24px filled-outline shapes in currentColor. No icon guideline is published.

Source: github.com/withastro/astro.build src/components/GemIcon.astro (main, read 2026-10-31)github.com/withastro/astro.build src/icons/ (main, read 2026-10-31)

The rebrand introduced an original illustration style: blurred concentric rings, bursts of colored light streaks, a comet and stacked cards, all in the gem colors on dark. Houston, a square screen-faced mascot with a gradient outline, can be dressed for any occasion or emotion. Houston is for Astro's own community use only.

Source: astro.build/blog/welcome-worldastro.build/press

Source: astro.build/%20(2026-10-31)

The repo defines a slow 6s float and gentle 300-500ms ease-out transitions; cards grow 3% on hover and logo rows gain color on hover. The rebrand launched with a video by Streiloff & Co.

Source: github.com/withastro/astro.build tailwind.config.ts (main, read 2026-10-31)