{"url":"https://vercel.com/","finalUrl":"https://vercel.com/","title":"Agentic Infrastructure - Vercel","description":"The autonomous stack for every app and agent.","palette":[{"hex":"#000000","rgb":"rgb(0, 0, 0)","name":"Black","role":"text","weight":580,"tokens":["--tw-gradient-from","--tw-gradient-via","--tw-gradient-to","--ds-black"]},{"hex":"#ffffff","rgb":"rgb(255, 255, 255)","name":"White","role":"background","weight":438,"tokens":["--tw-ring-offset-color","--tw-gradient-from","--tw-gradient-via","--lighten-color"]},{"hex":"#eaeaea","rgb":"rgb(234, 234, 234)","name":"Off-white","role":"background","weight":76,"tokens":["--leaderboard-chart-cursor-fill","--ds-gray-400","--accents-2","--accents-7"]},{"hex":"#f5f5f5","rgb":"rgb(245, 245, 245)","name":"White","role":"background","weight":70,"tokens":["--themed-fg","--color-red-50","--color-amber-50","--color-violet-50"]},{"hex":"#111111","rgb":"rgb(17, 17, 17)","name":"Near-black","role":"text","weight":48,"tokens":["--accents-8","--accents-1","--header-import-flow-background","--themed-fg"]},{"hex":"#252525","rgb":"rgb(37, 37, 37)","name":"Graphite","role":"text","weight":47,"tokens":["--context-card-tip-stroke","--ds-gray-200","--color-neutral-800","--tw-shadow-color"]},{"hex":"#ffeaf5","rgb":"rgb(255, 234, 245)","name":"Pale Magenta","role":"primary","weight":44,"tokens":["--ds-pink-100","--ds-pink-200","--ds-pink-300","--ds-pink-1000"]},{"hex":"#f59e0b","rgb":"rgb(245, 158, 11)","name":"Vivid Orange","role":"accent","weight":43,"tokens":["--themed-bg","--themed-border","--ds-amber-800","--ds-amber-900"]},{"hex":"#0070f3","rgb":"rgb(0, 112, 243)","name":"Vivid Sky blue","role":"accent","weight":39,"tokens":["--geist-success","--geist-console-text-color-blue","--develop-text","--ds-blue-700"]},{"hex":"#333333","rgb":"rgb(51, 51, 51)","name":"Graphite","role":"neutral","weight":38,"tokens":["--accents-7","--accents-2","--dropdown-triangle-stroke","--ds-gray-400"]}],"fonts":[{"name":"Geist Sans","category":"sans","stack":"var(--font-geist-sans)","role":"body","count":126,"renderFamily":"GeistSans"},{"name":"Geist Mono","category":"mono","stack":"var(--font-mono)","role":"mono","count":36,"renderFamily":"Geist Mono"},{"name":"Geist Pixel Circle","category":"sans","stack":"var(--font-geist-pixel-circle)","role":"heading","count":7,"renderFamily":"GeistPixelCircle"},{"name":"Geist Pixel Square","category":"sans","stack":"var(--font-geist-pixel-square)","role":"other","count":5,"renderFamily":"GeistPixelSquare"}],"assets":{"favicon":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/favicon.ico","ogImage":"https://lishhsx6kmthaacj.public.blob.vercel-storage.com/og-home-not-x.png","screenshot":"https://storage.googleapis.com/firecrawl-scrape-media/screenshot-8c314aac-3dd5-41cb-b525-d742ebd30d8b.png?GoogleAccessId=scrape-bucket-accessor%40firecrawl.iam.gserviceaccount.com&Expires=1784495599&Signature=gjpzYFt8f%2BLT0jHO%2FsFa3RYE%2BbYL52vT1pZK%2FuRzAE%2BPmCyr2JvllvTP6yM84QApj2zllsD7blfS4jj2PRkGynMs710Ox92jZ1uH3ETl3jQT2wo9fUgZBwVyTwyrBChaTDzSQhJ2edvks%2FqCggrOnaivgwSCGvMNNxQ%2FbiQ25ovyHg5BG7q4qk0DiAcCZ8K0oU%2FJgcA1uFRv%2FDTiVOkG95YVOBYrwKnsklbfeZtIgTuoOqJVGsavPxfrTiUIrCyWOivtCEIKlvYLJojmW4C32R5mGxp%2FKNx9SKkqkhkcVXmhWPXOVzUTRjTRQ043IHYxKo5qKS9ypRpqgwVS3j6IqA%3D%3D","themeColor":"#FAFAFA","siteName":"Vercel"},"voice":{"voice_adjectives":["terse","technical","futurist-pragmatic","confident","developer-first","systems-minded"],"tone":"concise and assertive with a builder’s focus","archetype":"The Engineer","tagline":"Agentic Infrastructure","target_audience":"software engineers, AI/agent builders, and engineering leaders shipping production web and agentic systems","brand_summary":"Positioned as a developer platform evolving into an agent-native layer, Vercel unifies build, deploy, and observe with an Agent Stack and a hardened core platform. The personality is confident and minimal, grounded in concrete operational language and productized primitives for agents and modern web apps.","differentiation":"They frame the platform as built for agents, not just apps: “infrastructure that thinks like them,” with an “Agent Stack” spanning AI SDK, Gateway, Sandbox, Workflows, Passport, and eve. The voice is clipped, code-adjacent, and reinforced by concrete operational cues like “error rate increased to 42%” and “mission control for frontend applications.”","value_proposition":"Vercel provides an autonomous stack and core platform to build, deploy, and operate apps and agents with real-time insight and durable, sandboxed compute.","proof_points":["“The autonomous stack for every app and agent.”","“To ship apps and agents in Sandboxed VMs, with durable backends, powered by hundreds of models.”","“For coding agents to deploy in their native language, with Vercel's API, CLI, MCP, and Skills.”","“With real-time infrastructure and traffic insights, Vercel is the mission control for frontend applications.”","Operational alert example: “/api/auth error rate increased to 42%.”"],"cta_style":"short, imperative, transactional (e.g., “Deploy Now”, “Talk to Sales”, “Get a Demo”)","example_phrases":["Agentic Infrastructure","The autonomous stack for every app and agent.","Build agents on infrastructure that thinks like them","Run any Dockerfile on Vercel","Understand production from the inside out","Vercel is the mission control for frontend applications.","/api/auth error rate increased to 42%"],"writing_style_notes":"Use very short headlines and confident fragments. Lead with capability nouns and systems language. Favor specifics over adjectives: models, sandboxes, backends, error rates. Name the product primitives (AI SDK, Gateway, Workflows) instead of explaining them at length. Avoid flourish; keep sentences tight and technical.","write_like_them":{"dos":["Open with a terse, declarative headline that names the system or outcome.","Use product primitive nouns as anchors (SDK, Gateway, Sandbox, Workflows).","Drop in concrete operational data points or states (error rates, traffic, real-time).","Speak to agents and apps in the same breath to reinforce agent-native framing.","Keep CTAs minimal and action-first."],"donts":["Do not pad with hype or vague superlatives.","Do not write long, meandering paragraphs.","Do not anthropomorphize beyond tight metaphors already used (mission control, thinks like them).","Do not over-explain basics a developer would know.","Do not dilute with marketing clichés unrelated to build and run."],"vocabulary":["Agentic Infrastructure","Agent Stack","infrastructure that thinks like them","Sandboxed VMs","durable backends","mission control for frontend applications","hundreds of models","investigate errors, plan fixes, and open PRs","native language via API, CLI, MCP, and Skills","Fluid Compute"]},"color_story":"Monochrome core (black, near-black, graphite) on white and off-white grounds, accented sparingly with vivid sky blue, orange, and a pale magenta for moments of emphasis. The palette supports a dark, high-contrast, developer console feel, amplified by gradients and glow for a futuristic layer.","typography_notes":"Geist Sans as the primary grotesk gives a precise, modern grid with strong legibility; Geist Mono signals code and operational detail. Display cuts like Geist Pixel variants add a tech-forward, experimental edge while keeping the system cohesive and brand-owned.","formality":40,"reading_level":"Grade 9","design_style":{"labels":["Futurist","Glassmorphic","Developer-centric","High-contrast","Motion-forward"],"summary":"A dark, minimal canvas punctuated by gradients, glow, and blur that suggest activity and depth. Components have soft rounding and layered elevation, with smooth transitions that feel fast and engineered. The interface reads like a control surface rather than a brochure.","axes":[{"name":"Density","value":55,"low":"Airy","high":"Dense"},{"name":"Shape","value":65,"low":"Sharp","high":"Rounded"},{"name":"Contrast","value":80,"low":"Muted","high":"Bold"},{"name":"Decoration","value":70,"low":"Minimal","high":"Expressive"}]},"ai_slop":{"score":28,"verdict":"Feels authored by builders, not a template, though the gradient-heavy hero and agent buzzwords flirt with the trendline.","tells":[{"text":"Heavy use of gradients and glow in hero surfaces","kind":"slop"},{"text":"Terse, concrete headlines like “Run any Dockerfile on Vercel”","kind":"craft"},{"text":"Operational metric callouts (“error rate increased to 42%”)","kind":"craft"},{"text":"Two-button primary CTAs (“Deploy Now”, “Talk to Sales”)","kind":"slop"},{"text":"Product primitives named consistently (AI SDK, Gateway, Sandbox, Workflows)","kind":"craft"},{"text":"Occasional duplicated/looping hero lines about agents, likely motion copy artifact","kind":"slop"}]},"scorecard":{"overall":78,"grade":"B","summary":"A sharp, agent-native developer brand with strong product primitives and aesthetic craft, held back by an abstract hero that needs clearer payoff.","biggest_opportunity":"Define “Agentic Infrastructure” in one precise sentence that ties the Agent Stack to a concrete outcome and example, then carry that clarity through the hero and first scroll.","components":[{"name":"Distinctiveness","score":82,"grade":"A-","rationale":"Agent-native framing, product naming system, and control-surface visuals stand apart from generic hosting language."},{"name":"Messaging clarity","score":72,"grade":"C+","rationale":"Headlines punch, but the hero loops and abstract phrasing around agents can obscure the immediate value without an explicit definition."},{"name":"Voice consistency","score":80,"grade":"B+","rationale":"Consistent terse, technical voice across homepage, product, and blog; minimal fluff."},{"name":"Color system","score":85,"grade":"A-","rationale":"Monochrome base with disciplined accent use supports the control-room feel and readability."},{"name":"Typography","score":90,"grade":"A","rationale":"Geist family is distinctive and on-brand; mono for code cues; display variants add character without noise."},{"name":"Memorability","score":75,"grade":"B-","rationale":"“Agentic Infrastructure” and “mission control” are sticky, but repetition and trend-adjacent visuals soften recall."}]}},"scorecard":{"overall":78,"grade":"B","summary":"A sharp, agent-native developer brand with strong product primitives and aesthetic craft, held back by an abstract hero that needs clearer payoff.","biggest_opportunity":"Define “Agentic Infrastructure” in one precise sentence that ties the Agent Stack to a concrete outcome and example, then carry that clarity through the hero and first scroll.","components":[{"name":"Distinctiveness","score":82,"grade":"A-","rationale":"Agent-native framing, product naming system, and control-surface visuals stand apart from generic hosting language."},{"name":"Messaging clarity","score":72,"grade":"C+","rationale":"Headlines punch, but the hero loops and abstract phrasing around agents can obscure the immediate value without an explicit definition."},{"name":"Voice consistency","score":80,"grade":"B+","rationale":"Consistent terse, technical voice across homepage, product, and blog; minimal fluff."},{"name":"Color system","score":85,"grade":"A-","rationale":"Monochrome base with disciplined accent use supports the control-room feel and readability."},{"name":"Typography","score":90,"grade":"A","rationale":"Geist family is distinctive and on-brand; mono for code cues; display variants add character without noise."},{"name":"Memorability","score":75,"grade":"B-","rationale":"“Agentic Infrastructure” and “mission control” are sticky, but repetition and trend-adjacent visuals soften recall."}]},"aiSlop":{"score":28,"verdict":"Feels authored by builders, not a template, though the gradient-heavy hero and agent buzzwords flirt with the trendline.","tells":[{"text":"Heavy use of gradients and glow in hero surfaces","kind":"slop"},{"text":"Terse, concrete headlines like “Run any Dockerfile on Vercel”","kind":"craft"},{"text":"Operational metric callouts (“error rate increased to 42%”)","kind":"craft"},{"text":"Two-button primary CTAs (“Deploy Now”, “Talk to Sales”)","kind":"slop"},{"text":"Product primitives named consistently (AI SDK, Gateway, Sandbox, Workflows)","kind":"craft"},{"text":"Occasional duplicated/looping hero lines about agents, likely motion copy artifact","kind":"slop"}]},"designStyle":{"labels":["Futurist","Glassmorphic","Developer-centric","High-contrast","Motion-forward"],"summary":"A dark, minimal canvas punctuated by gradients, glow, and blur that suggest activity and depth. Components have soft rounding and layered elevation, with smooth transitions that feel fast and engineered. The interface reads like a control surface rather than a brochure.","axes":[{"name":"Density","value":55,"low":"Airy","high":"Dense"},{"name":"Shape","value":65,"low":"Sharp","high":"Rounded"},{"name":"Contrast","value":80,"low":"Muted","high":"Bold"},{"name":"Decoration","value":70,"low":"Minimal","high":"Expressive"}],"signals":["Softly rounded corners","Heavy use of gradients","Layered shadows and elevation","Frosted-glass / blur surfaces","Motion and transitions present"]},"fontFaces":"@font-face{font-family:GeistSans;src:url(\"/api/font?u=https%3A%2F%2Fvercel.com%2Fvc-ap-vercel-marketing%2F_next%2Fstatic%2Fimmutable%2Fmedia%2FGeist_Variable-s.p.2v-cf9syxr5ni.woff2\")format(\"woff2\");font-display:swap;font-weight:100 900}\n@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:block;src:url(\"/api/font?u=https%3A%2F%2Fvercel.com%2Fvc-ap-vercel-marketing%2F_next%2Fstatic%2Fimmutable%2Fmedia%2F5ce348bf30bf5439.27spqqad3wyeo.woff2\")format(\"woff2\");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}\n@font-face{font-family:GeistPixelCircle;src:url(\"/api/font?u=https%3A%2F%2Fvercel.com%2Fvc-ap-vercel-marketing%2F_next%2Fstatic%2Fimmutable%2Fmedia%2FGeistPixel_Circle.p.2p5mi6n8co77s.woff2\")format(\"woff2\");font-display:swap;font-weight:500}\n@font-face{font-family:GeistPixelSquare;src:url(\"/api/font?u=https%3A%2F%2Fvercel.com%2Fvc-ap-vercel-marketing%2F_next%2Fstatic%2Fimmutable%2Fmedia%2FGeistPixel_Square.p.3ig4wtfmw09gh.woff2\")format(\"woff2\");font-display:swap;font-weight:500}","fontLinks":[],"meta":{"stylesheetsScanned":4,"cssBytes":908324,"colorsFound":323,"pagesAnalyzed":3,"pages":[{"label":"Homepage","url":"https://vercel.com/"},{"label":"Blog post","url":"https://vercel.com/blog/dockerfile-on-vercel"},{"label":"Product","url":"https://vercel.com/products/observability"}],"model":"gpt-5","fetchedAt":"2026-07-13T02:03:14.330Z","llm":true}}