Replit
Build software collaboratively, from anywhere.
Replit is a browser-based IDE and AI-powered development platform where anyone can build, ship, and host software from anywhere. The brand is playful but capable: a deep navy canvas, a warm orange accent pulled from the pixel mark, Inter for prose, and mono for the code that's always one keystroke away.
Color
The warm orange accent — CTAs, highlights, the pixel mark.
Secondary brand color.
Accent: highlights and secondary emphasis.
Page and card background.
Body text on surface.
Typography
Build software collaboratively, from anywhere.
- Weights:
- 300, 400, 500, 600, 700
Gradient
Derived from the colour roles, interpolated perceptually. The same three tokens ship in brand.css and tokens.json.
linear-gradient(135deg in oklch shorter hue, #ffb693 0%, #f26207 50%, #aa3100 100%)
Worst-case contrast — white 1.70:1 · black 3.15:1 AA-large
linear-gradient(135deg in oklch shorter hue, #896f63 0%, #663420 50%, #2a0404 100%)
Worst-case contrast — white 4.65:1 AA · black 1.12:1 · ink #ffffff
linear-gradient(180deg in oklch shorter hue, #dd4e00 0%, #bc3800 100%)
Worst-case contrast — white 4.07:1 AA-large · black 3.70:1 AA-large · ink #ffffff
Logo Inventory
Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.
https://mcp.brandsweets.com/replit/mcp{
"mcpServers": {
"brandsweets-replit": {
"type": "http",
"url": "https://mcp.brandsweets.com/replit/mcp"
}
}
}claude mcp add --transport http brandsweets-replit https://mcp.brandsweets.com/replit/mcpReplit 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 →