> ## Documentation Index > Fetch the complete documentation index at: https://docs.context.dev/llms.txt > Use this file to discover all available pages before exploring further. # Prefill Onboarding from a Work Email > Cut signup friction. Take a work email at step one, then prefill the company logo, description, industry, and socials on the following onboarding step. export const PrefillDemo = () => { const TRY = ["alex@stripe.com", "founder@vercel.com", "team@linear.app", "sam@notion.so"]; const DEFAULT_EMAIL = "alex@stripe.com"; const BRANDS = { "alex@stripe.com": { "domain": "stripe.com", "title": "Stripe", "description": "Stripe is a global financial-infrastructure platform that helps businesses of all sizes accept payments, manage subscriptions, issue cards, and build custom revenue models.", "colors": [{ "hex": "#543cfb" }, { "hex": "#a498ec" }, { "hex": "#041424" }], "logos": [{ "url": "https://media.brand.dev/ce80f5c0-45d8-4ee8-b0a4-dadedf4f83ec.svg", "mode": "light", "resolution": { "width": 512, "height": 512, "aspect_ratio": 1 }, "type": "icon" }], "industries": { "eic": [{ "industry": "Finance", "subindustry": "Payments & Money Movement" }] } }, "founder@vercel.com": { "domain": "vercel.com", "title": "Vercel", "description": "Vercel is a developer‑focused platform that provides cloud infrastructure and tools to build, deploy, and scale modern web applications. Its core services include instant CI/CD pipelines, a global edge CDN, and serverless “Fluid Compute” that automatically provisions the right resources from a single Git push. Vercel’s AI Cloud adds AI‑specific capabilities such as the AI Gateway for model access, an AI SDK for TypeScript, sandboxed code execution, and Vercel Agent that integrates with any stack. The platform also offers security features like DDoS protection, WAF, and BotID, plus workflow orchestration for long‑running tasks. By unifying development, deployment, and AI services, Vercel lets teams ship faster, deliver personalized experiences, and focus on product value rather than infrastructure.", "colors": [{ "hex": "#040404" }, { "hex": "#7c7c7c" }, { "hex": "#cdcdcd" }], "logos": [{ "url": "https://media.brand.dev/6ef82987-0f0e-4228-ba55-0d2d83ffe464.png", "mode": "has_opaque_background", "resolution": { "width": 512, "height": 512, "aspect_ratio": 1 }, "type": "icon" }], "industries": { "eic": [{ "industry": "Technology", "subindustry": "Cloud Infrastructure & DevOps" }] } }, "team@linear.app": { "domain": "linear.app", "title": "Linear", "description": "Linear is a product development platform designed for modern teams and AI agents. It provides a fast, purpose‑built system for planning, tracking, and building software products, integrating issue tracking, roadmaps, and project management into a single workflow. Leveraging AI, Linear automates tasks such as drafting PRDs, routing and labeling issues, and prioritizing work, helping teams move from idea to launch with high velocity. The tool emphasizes speed, reducing noise and friction, and supports collaborative features like Slack integration, real‑time updates, and agent‑assisted triage. By combining human and AI workflows, Linear aims to make product operations self‑driving, enabling teams to ship faster and stay aligned on strategic initiatives.", "colors": [{ "hex": "#737ce3" }, { "hex": "#848488" }, { "hex": "#0c0c0d" }], "logos": [{ "url": "https://media.brand.dev/30e62cfc-70ef-4506-b017-4179696a9a8f.jpg", "mode": "has_opaque_background", "resolution": { "width": 200, "height": 200, "aspect_ratio": 1 }, "type": "icon" }], "industries": { "eic": [{ "industry": "Technology", "subindustry": "Software (B2B)" }] } }, "sam@notion.so": { "domain": "notion.so", "title": "Notion", "description": "Notion is an AI‑powered workspace platform that unifies notes, docs, projects, and apps into a single collaborative environment. It offers built‑in AI agents that automate repetitive tasks, answer questions, route work, and generate reports, while AI features like Meeting Notes, Enterprise Search, and Writing Assistant enhance productivity. Users can create custom agents, connect external tools, and manage everything from calendars to CRM without additional infrastructure. Designed for teams of all sizes—from startups to Fortune 100 enterprises—Notion centralizes knowledge, streamlines workflows, and reduces tool sprawl, enabling faster decision‑making and continuous work flow 24/7.", "colors": [{ "hex": "#f7e158" }, { "hex": "#7c6c32" }, { "hex": "#12110e" }], "logos": [{ "url": "https://media.brand.dev/eb6f8842-909f-43d6-a6d5-7bccc44d35ae.png", "mode": "has_opaque_background", "resolution": { "width": 512, "height": 512, "aspect_ratio": 1 }, "type": "icon" }], "industries": { "eic": [{ "industry": "Technology", "subindustry": "Software (B2B)" }] } } }; const DEFAULT_BRAND = BRANDS[DEFAULT_EMAIL]; const [email, setEmail] = useState(DEFAULT_EMAIL); const [brand, setBrand] = useState(DEFAULT_BRAND); const [loading, setLoading] = useState(false); const isDefault = brand === DEFAULT_BRAND && email === DEFAULT_EMAIL; function pickLogo(logos) { if (!logos || !logos.length) return null; return logos.find(l => l.type === "logo" && l.mode === "light") || logos.find(l => l.mode === "light") || logos.find(l => l.type === "logo") || logos[0]; } function industryLabel(b) { const eic = b && b.industries && b.industries.eic && b.industries.eic[0]; if (!eic) return ""; return [eic.industry, eic.subindustry].filter(Boolean).join(" · "); } async function selectEmail(d) { if (d === email || loading) return; setEmail(d); setLoading(true); await new Promise(r => setTimeout(r, 700)); setBrand(BRANDS[d]); setLoading(false); } function reset() { setEmail(DEFAULT_EMAIL); setBrand(DEFAULT_BRAND); } const logo = brand ? pickLogo(brand.logos) : null; const initial = brand && brand.title && brand.title[0].toUpperCase() || "?"; const name = brand && brand.title || ""; const description = brand && brand.description || ""; const industry = industryLabel(brand); return
Live demo {isDefault ? context.dev context.dev : }
e.preventDefault()}>
Change demo {TRY.map(d => )}
Onboarding

About your company

Prefilled from your work email: {email}. Verify before continuing.
Company logo
{logo && logo.url ? : {initial}}
{(name || "logo").toLowerCase().replace(/\s+/g, "-")}-icon.{logo && logo.url && logo.url.split(".").pop() || "png"} from {brand && brand.domain || email.split("@")[1]}
Company name
{name}
Description
{description.length > 280 ? description.slice(0, 280) + "…" : description}
Industry
{industry || "—"}
Looks right · Continue
{loading &&
Resolving company
}
; }; export const PromptBanner = ({prompt, message = "Use this pre-built prompt to get started faster."}) => { const [copied, setCopied] = useState(false); const timeoutRef = useRef(null); useEffect(() => { return () => { if (timeoutRef.current) { clearTimeout(timeoutRef.current); } }; }, []); const handleCopy = useCallback(async () => { try { await navigator.clipboard.writeText(prompt); setCopied(true); if (timeoutRef.current) { clearTimeout(timeoutRef.current); } timeoutRef.current = setTimeout(() => { setCopied(false); timeoutRef.current = null; }, 2000); } catch (err) { console.error("Failed to copy:", err); } }, [prompt]); const handleOpenInCursor = useCallback(() => { const url = new URL('cursor://anysphere.cursor-deeplink/prompt'); url.searchParams.set('text', prompt); window.location.href = url.toString(); }, [prompt]); return
{message}