Next.js

Next.js by Vercel is the full-stack React framework for the web.

verifiednextjs.org

Color

primary

Violet

#9162c0

Primary brand color: CTAs, links, active states.

secondary

Jade

#449d5d

Secondary brand color.

accent

Violet

#9162c0

Accent: highlights and secondary emphasis.

surface

White

#ffffff

Page and card background.

text

Near Black

#171717

Body text on surface.

Typography

heading → GeistSansbody → GeistSans

GeistSansgeistsans

custom

Next.js by Vercel is the full-stack React framework for the web.

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 oklch shorter hue, #9162c0 0%, #449d5d 100%)

Worst-case contrast — white 3.34:1 AA-large · black 4.71:1 AA

Hero--brand-gradient-hero

linear-gradient(135deg in oklch shorter hue, #6e6080 0%, #607b65 100%)

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

Button--brand-gradient-button

linear-gradient(180deg in oklch shorter hue, #8556b3 0%, #6e3e99 100%)

Worst-case contrast — white 5.28:1 AA · black 2.81:1 · ink #ffffff

Logo Inventory

primary

svg

mark

svg

wordmark

svg

mono

svg

inverse

svg

favicon

ico

Marks from Simple Icons (CC0). Licences and attribution

mcpConnect your agent to Next.js

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/nextjs-org/mcp

.mcp.json

{
  "mcpServers": {
    "brandsweets-nextjs-org": {
      "type": "http",
      "url": "https://mcp.brandsweets.com/nextjs-org/mcp"
    }
  }
}

claude codeclaude mcp add --transport http brandsweets-nextjs-org https://mcp.brandsweets.com/nextjs-org/mcp

Next.js 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 →