← All brands
Svelte logo

Svelte

Web development for the rest of us

verifiedsvelte.dev

Color

primary
Bright Rust
#d43008

Primary brand color: CTAs, links, active states.

secondary
Bright Rust
#d43008

Secondary brand color.

surface
White
#ffffff

Page and card background.

text
Charcoal
#262626

Body text on surface.

Typography

heading → DM Serif Displaybody → Georgia
DM Serif Displaydm-serif-display
custom

Web development for the rest of us

Weights:
400, 600, 700

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

Georgiageorgia
system

Web development for the rest of us

Weights:
400, 700

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 oklch shorter hue, #ff7c5e 0%, #d43008 50%, #8b0000 100%)

Worst-case contrast — white 2.53:1 · black 2.10:1

Aa
Hero--brand-gradient-hero
linear-gradient(135deg in oklch shorter hue, #97695e 0%, #693428 50%, #30080f 100%)

Worst-case contrast — white 4.67:1 AA · black 1.17:1 · ink #ffffff

Aa
Button--brand-gradient-button
linear-gradient(180deg in oklch shorter hue, #d02c01 0%, #b40000 100%)

Worst-case contrast — white 5.20:1 AA · black 2.94:1 · ink #ffffff

Logo Inventory

Svelte primary logo
primary
svg
Svelte mark logo
mark
svg
Svelte mono logo
mono
svg
Svelte inverse logo
inverse
svg
Svelte favicon logo
favicon
png
Svelte app-icon logo
app-icon
png

Marks from Simple Icons (CC0). Licences and attribution

mcpConnect your agent to Svelte
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/svelte-dev/mcp
.mcp.json
{
  "mcpServers": {
    "brandsweets-svelte-dev": {
      "type": "http",
      "url": "https://mcp.brandsweets.com/svelte-dev/mcp"
    }
  }
}
claude codeclaude mcp add --transport http brandsweets-svelte-dev https://mcp.brandsweets.com/svelte-dev/mcp

Svelte 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 →