サイトを開く
Vercel gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.
Skip to content Ask AI Events Ship 26 is coming to 5 cities Get your ticket Build and deploy on the AI Cloud. Vercel provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web. Start Deploying Get a Demo build times went from 7m to 40s. saw a 95% reduction in page load times. saw 24x faster builds. AI Apps AI Apps Web Apps Web Apps Ecommerce Ecommerce Marketing Marketing Platforms Platforms Get started using our pre-built templates. Easily stream long-running LLM responses for a better user experience with zero-config infrastructure that's always globally performant. Deploy AI Apps in seconds Your product, delivered. Security, speed, and AI included, so you can focus on your user. Agents Deliver more value to users by executing complex workflows. AI Apps Enrich any product or feature with the latest models and tools. Fluid AI SDK AI GATEWAY Workflow Sandbox BotID Web Apps Ship beautiful interfaces that don’t compromise speed or functionality. Composable Commerce Increase conversion with fast, branded storefronts. Multi-tenant Platform Serve millions securely across isolated environments. customer.domain.com project.domain.com jane.domain.com joe.domain.com Svelte Vite Next.js Nuxt Turbopack Framework-Defined Infrastructure From code to infrastructure in one git push. Vercel deeply understands your app to provision the right resources and optimize for high-performance apps. Deploy once, deliver everywhere. When you push code to Vercel, we make it instantly available across the globe. More about Infrastructure Learn about Enterprise Nodes on the globe are sending out small pulses to indicate activity Fluid Compute A compute model for all workloads. With Active CPU pricing. Learn more AI Gateway The AI Gateway For Developers. Effortlessly access and deploy hundreds of AI models from one interface. AI SDK Python OpenAI HTTP 1 2 3 4 5 6 import { streamText } from 'ai' const result = stDesign Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fafafaText
#171717Color #1
#171717Color #2
#666666Color #3
#4d4d4dColor #4
#8f8f8fColor #5
lab(80.976 0 -0.0000119209)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | GeistSans |
64px | 400 | 64px | -3.84px |
| h2 | GeistSans |
56px | 450 | 56px | -3.36px |
| h3 | Geist Mono |
12px | 400 | 16px | 0.6px |
| 本文 | Geist Mono |
16px | 400 | 24px | normal |
| リンク | GeistSans |
16px | 400 | 24px | normal |
| ボタン | GeistSans |
14px | 400 | 20px | normal |
使用フォント頻度
GeistSans347箇所
Geist Mono22箇所
スケール・形状
- 角丸スケール
- 6px / 8px / 4px / 3.35544e+07px / 100% / 0px 0px 0px 1px / 0px 8px 8px 0px / 3.35544e+07px 6px 6px 3.35544e+07px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 1-1px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 64px / position: sticky
