← All brands
Astro logo

Astro

Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

verifiedastro.build

Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

Color

primary
Blue
#3178c6

Primary brand color: CTAs, links, active states.

secondary
Deep Sky Blue
#54b9ff

Secondary brand color.

accent
Bright Teal
#4bf3c8

Accent: highlights and secondary emphasis.

surface
Off-White
#f2f6fa

Page and card background.

text
Charcoal
#2c2c2c

Body text on surface.

Typography

heading → Obviouslybody → Apple Color Emoji
Apple Color Emojiapple-color-emoji
custom

Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

Weights:
400, 700

Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

Obviouslyobviously
custom

Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

Weights:
400, 600, 700

Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

Gradient

Derived from the colour roles, interpolated perceptually. The same three tokens ship in brand.css and tokens.json.

Brand--brand-gradient
linear-gradient(135deg in oklab, #3178c6 0%, #54b9ff 100%)

Worst-case contrast — white 2.15:1 · black 4.63:1 AA

Aa
Hero--brand-gradient-hero
linear-gradient(135deg in oklab, #263d57 0%, #597890 100%)

Worst-case contrast — white 4.65:1 AA · black 1.89:1 · ink #ffffff

Aa
Button--brand-gradient-button
linear-gradient(180deg in oklch shorter hue, #236cb9 0%, #00549f 100%)

Worst-case contrast — white 5.36:1 AA · black 2.77:1 · ink #ffffff

Logo Inventory

Astro mark logo
mark
svg
Astro mono logo
mono
svg
Astro inverse logo
inverse
svg
Astro favicon logo
favicon
svg
mcpConnect your agent to Astro
live endpoint

Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.

endpointhttps://mcp.brandsweets.com/astro-build/mcp
.mcp.json
{
  "mcpServers": {
    "brandsweets-astro-build": {
      "type": "http",
      "url": "https://mcp.brandsweets.com/astro-build/mcp"
    }
  }
}
claude codeclaude mcp add --transport http brandsweets-astro-build https://mcp.brandsweets.com/astro-build/mcp

Astro trademarks and logos belong to their owner. Shown for identification (nominative use); not affiliated or endorsed. Owner of this brand? Request a correction or removal →