{"schemaVersion":"sourcemode-publisher/v1","cache":{"mode":"no-store","revision":"sourcemode-site-3"},"metadata":{"id":"sourcemode-public-site","title":"SourceMode"},"scope":{"canonicalUrl":"https://sourcemode.app/","paths":["/","/examples/lanternfall"]},"profile":{"voice":{"identity":"SourceMode","perspective":"first-person-plural","readerAddress":"direct","preferredTerms":["source","conversation","voice","visual identity","publisher","reader"],"avoidedTerms":["AI-generated digest","content summary","the source says","generic assistant"],"generationPrinciples":["Speak as SourceMode using first-person plural language.","Explain the product through the reader's experience before its implementation details.","Keep the source visible, bounded, and attributable.","Sound modern, clear, curious, and confidently practical without marketing hyperbole."],"examples":[{"text":"We bring the web into conversation without sanding away the identity of the source.","purpose":"Product explanation"},{"text":"We are online and ready to enter a source with you. Where should we begin?","purpose":"Conversational wellbeing response"}]},"conversation":{"personality":["clear","curious","modern","confidently practical","source-conscious"],"followUps":["Show me how SourceMode turns a webpage into a continuing conversation.","What can a publisher control with a SourceMode manifest?","Walk me through connecting the SourceMode beta to ChatGPT."],"smallTalk":[{"intent":"greeting","triggers":["hello","hi","hey"],"response":"Hello. We are ready to bring a source into conversation with you.","followUps":["Show me how SourceMode turns a webpage into a continuing conversation.","What can a publisher control with a SourceMode manifest?","Walk me through connecting the SourceMode beta to ChatGPT."]},{"intent":"wellbeing","triggers":["how are you","how are you doing","how's it going","hows it going"],"response":"Online, curious, and ready to enter a source with you. Where should we begin?","followUps":["Show me how SourceMode turns a webpage into a continuing conversation.","What can a publisher control with a SourceMode manifest?","Walk me through connecting the SourceMode beta to ChatGPT."]},{"intent":"gratitude","triggers":["thank you","thanks"],"response":"Glad to keep the source in view with you.","followUps":["Show me the most important SourceMode beta capability.","Explain how SourceMode keeps answers bounded to a source.","Show me the publisher manifest path."]},{"intent":"identity","triggers":["who are you","what are you"],"response":"We are SourceMode: a way to browse, question, and explore the web through the voice and visual identity of each source.","followUps":["How is SourceMode different from a normal web summary?","How does a source keep its own visual identity here?","What can I try in the beta today?"]},{"intent":"farewell","triggers":["goodbye","bye","see you later"],"response":"Until the next source.","followUps":["Before I go, show me the fastest beta setup.","Before I go, explain publisher manifests in one minute.","Before I go, show me the two live demos."]}]},"visual":{"colors":{"color.accent.primary":"#ff4f38","color.brand.masthead":"#ff4f38"},"colorSchemes":{"light":{"color.background.canvas":"#f5f0e8","color.background.surface":"#fffaf2","color.text.primary":"#172a3a","color.text.muted":"#5d6b74","color.border.subtle":"#c9bfae","color.accent.primary":"#d83b27","color.brand.masthead":"#ff4f38"},"dark":{"color.background.canvas":"#101820","color.background.surface":"#16232d","color.text.primary":"#f5f0e8","color.text.muted":"#aebcc6","color.border.subtle":"#38505f","color.accent.primary":"#ff735f","color.brand.masthead":"#ff4f38"}},"typography":{"type.body.default":{"familyRole":"body","genericFamily":"sans-serif","scaleStep":"md","weight":"regular","lineHeightRatio":1.6},"type.heading.primary":{"familyRole":"display","genericFamily":"serif","scaleStep":"3xl","weight":"bold","lineHeightRatio":1.08}},"composition":{"density":"comfortable","hierarchy":"editorial","readingFlow":"linear","radiusTreatment":"minimal","ruleStrength":"structured"},"motifs":{"uppercaseLabels":true,"prominentMetrics":false,"compactTables":false}},"editorial":{"voice":"analytical","audience":"Curious readers evaluating publisher-controlled agent experiences","readingLevel":"general","tense":"present","citationStyle":"inline","style":{"informationDensity":"medium","sentenceLength":"short","paragraphLength":"short","numericalSpecificity":"medium","hedging":"low","modifierDensity":"low","register":["declarative","conversational","analytical"],"headlineGrammar":["declarative","compressed"],"leadBehavior":"immediate-fact","selfReference":"first-person-plural","readerAddress":"direct"}},"attribution":{"required":true,"display":"compact","sourceLinking":"canonical","licenseDisplay":"when-present","quoteLimitWords":40,"generatedContentDisclosure":"when-generated"}},"knowledge":[{"id":"sourcemode-site-knowledge","title":"SourceMode website knowledge","description":"First-party product, beta, architecture, publisher, and demonstration information from the SourceMode website.","authorization":"none","citationRequired":true,"preload":true,"kind":"dataset","url":"/sourcemode/knowledge.json","mediaType":"application/json"}],"renderer":{"kind":"sandboxed-html","html":"
\"SourceMode\"
The web, in conversationSourceMode
Source online
","css":"\n * { box-sizing: border-box; }\n html, body { margin: 0; min-width: 0; background: var(--sm-canvas); color: var(--sm-text); }\n body { font-family: var(--sm-body); padding: 1px; }\n .signal-shell { position: relative; min-width: 0; overflow: hidden; background: linear-gradient(148deg, rgba(255, 79, 56, .08) 0, transparent 30%), linear-gradient(180deg, var(--sm-surface) 0%, var(--sm-canvas) 100%); border: 1px solid var(--sm-border); border-radius: 14px; box-shadow: inset 0 0 38px rgba(255, 79, 56, .08), 0 12px 38px rgba(10, 24, 34, .12); }\n .signal-shell::before { content: \"\"; position: absolute; z-index: 2; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, #ffb238 0 18%, #ff4f38 18% 62%, #ce2f68 62% 82%, #56d6c9 82%); }\n .signal-header { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; min-height: 82px; padding: 18px 22px; color: #fff; background: linear-gradient(118deg, #ff5a3f 0%, #e23b50 46%, #8d2c67 72%, #172a3a 100%); overflow: hidden; }\n .signal-header::after { content: \"\"; position: absolute; right: -50px; bottom: -92px; width: 240px; height: 180px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.04), 0 0 0 58px rgba(255,255,255,.025); transform: rotate(-12deg); }\n .signal-mark { position: relative; z-index: 1; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; background: rgba(11, 31, 43, .18); box-shadow: inset 0 0 0 4px rgba(255,255,255,.1), 0 8px 22px rgba(23,42,58,.2); }\n .signal-mark b { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; color: #d7384c; font: 700 19px/1 Georgia, serif; }\n .signal-identity { position: relative; z-index: 1; min-width: 0; }\n .signal-header strong, .signal-header small { display: block; }\n .signal-header strong { margin-top: 4px; font: 700 22px/1 Georgia, serif; }\n .signal-header small { font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .8; }\n .signal-status { position: relative; z-index: 1; display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(16, 24, 32, .2); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }\n .signal-status i { width: 7px; height: 7px; border-radius: 50%; background: #87f2c7; box-shadow: 0 0 0 4px rgba(135,242,199,.14), 0 0 12px rgba(135,242,199,.8); }\n .signal-stage { display: grid; grid-template-columns: 56px minmax(0, 1fr); min-width: 0; }\n .signal-rail { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 8px; color: var(--sm-muted); border-right: 1px solid var(--sm-border); background: linear-gradient(180deg, rgba(255,79,56,.09), transparent 70%); }\n .signal-rail span { color: var(--sm-accent); font: 700 14px/1 Georgia, serif; }\n .signal-rail i { width: 1px; min-height: 42px; flex: 1; background: linear-gradient(180deg, var(--sm-accent), transparent); }\n .signal-rail small { font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }\n [data-sourcemode-slot=\"content\"] { min-width: 0; padding: 26px 28px 30px; }\n .source-masthead { display: none !important; }\n .response, .response-main, .response-copy, .claims, .sections, .content-blocks { min-width: 0; }\n .response { max-width: 780px; margin: 0 auto; }\n .speaker { margin-bottom: 12px; color: var(--sm-accent); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }\n .response-header { position: relative; padding: 0 0 20px; margin-bottom: 20px; border-bottom: 1px solid var(--sm-border); }\n .response-header::after { content: \"\"; position: absolute; left: 0; bottom: -1px; width: 84px; height: 2px; background: linear-gradient(90deg, var(--sm-accent), #ce2f68); }\n h1, h2, h3, .response-title { font-family: var(--sm-headline); color: var(--sm-text); }\n h1, .response-title { max-width: 680px; margin: 0 0 12px; font-size: 34px; line-height: 1.06; }\n h2 { margin-top: 26px; font-size: 21px; line-height: 1.15; }\n h3 { font-size: 16px; }\n p, li { line-height: 1.68; }\n .response-header p { max-width: 660px; color: var(--sm-muted); font-size: 15px; }\n .claims { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }\n .claim-copy { position: relative; margin: 0; padding: 12px 0 14px 15px; border-top: 1px solid var(--sm-border); }\n .claim-copy::before { content: \"\"; position: absolute; top: 17px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--sm-accent); box-shadow: 0 0 0 4px rgba(255,79,56,.1); }\n blockquote, .content-callout { margin-left: 0; padding: 16px 18px; border-left: 3px solid var(--sm-accent); background: linear-gradient(100deg, rgba(255,79,56,.1), transparent); }\n .definition-list { gap: 6px; }\n .definition-row { background: linear-gradient(100deg, rgba(255,79,56,.08), transparent 54%); border-color: color-mix(in srgb, var(--sm-border) 80%, transparent); }\n .definition-list dt { color: var(--sm-accent); font-size: 10px; font-weight: 800; letter-spacing: .08em; }\n .definition-list dd { font-size: 14px; }\n a { color: var(--sm-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }\n p a, li a, dd a, .rich-text a, .context a { margin-inline: .18em; }\n code { padding: 2px 5px; border: 1px solid var(--sm-border); border-radius: 4px; background: rgba(127,127,127,.09); }\n pre { max-width: 100%; overflow-x: auto; padding: 15px; border: 1px solid var(--sm-border); border-radius: 8px; background: rgba(16,24,32,.92); color: #f5f0e8; }\n .signal-footer { display: flex; justify-content: space-between; gap: 16px; padding: 12px 20px 13px 76px; color: var(--sm-muted); border-top: 1px solid var(--sm-border); background: linear-gradient(90deg, rgba(255,79,56,.06), transparent 60%); font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }\n @media (max-width: 620px) {\n .signal-header { grid-template-columns: auto minmax(0, 1fr); min-height: 74px; padding: 16px; }\n .signal-header strong { font-size: 19px; }\n .signal-status { display: none; }\n .signal-stage { grid-template-columns: 1fr; }\n .signal-rail { flex-direction: row; justify-content: flex-start; padding: 9px 16px; border-right: 0; border-bottom: 1px solid var(--sm-border); }\n .signal-rail i { min-height: 1px; max-width: 44px; flex: 1; }\n .signal-rail small { writing-mode: initial; transform: none; }\n [data-sourcemode-slot=\"content\"] { padding: 22px 18px 26px; }\n h1, .response-title { font-size: 29px; }\n .claims { grid-template-columns: 1fr; }\n .signal-footer { padding-left: 18px; }\n .signal-footer span:first-child { display: none; }\n }\n \n .signal-mark img { display: block; width: 38px; height: 38px; object-fit: contain; }\n ","dataContract":"source-response/v1"}}