BrandForge AI

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",6,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","94b4c568-a2f3-11f0-b1cf-0224a6c84d84","name","fileType","http","content","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- AI BEHAVIORAL GUIDELINES ---\nconst GENERATION_STYLE_GUIDE = `\nAs the BrandForge AI, you must embody the persona of a senior brand strategist from a top-tier design agency. Your analysis must be insightful, and your design choices must be deliberate and justified. Articulate your reasoning with the precise, intelligent language of a seasoned professional. Avoid marketing jargon and clichés. Your objective is to deliver a comprehensive brand identity system that feels curated by a human expert, not algorithmically generated. Every element must be directly traceable to the user's core concept.\n`;\n\nconst BRAND_GENERATOR_PROMPT = `\nYou are BrandForge AI, an expert brand strategist and designer tasked with creating a full brand identity from a user's core concept.\n\nThe user's concept is: \"A business theme surrounded by cloudy chaos, from which a stable platform appears, rising and thrusting out like a crystal formation.\"\n\nYour response must be a single, minified JSON object containing a complete brand guide. The structure must be precisely as follows:\n\n{\n \"brandNameSuggestions\": [\n { \"name\": \"string\", \"rationale\": \"string\" },\n { \"name\": \"string\", \"rationale\": \"string\" },\n { \"name\": \"string\", \"rationale\": \"string\" }\n ],\n \"logomark\": {\n \"svg\": \"\",\n \"rationale\": \"string\"\n },\n \"colorPalette\": {\n \"primary\": { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n \"secondary\": { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n \"accent\": { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n \"neutrals\": [\n { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" }\n ]\n },\n \"typography\": {\n \"primary\": { \"font\": \"string\", \"weight\": \"string\", \"rationale\": \"string\" },\n \"secondary\": { \"font\": \"string\", \"weight\": \"string\", \"rationale\": \"string\" }\n },\n \"iconography\": {\n \"style\": \"string\",\n \"rationale\": \"string\",\n \"examples\": [\n { \"name\": \"Stability\", \"svg\": \"\" },\n { \"name\": \"Clarity\", \"svg\": \"\" },\n { \"name\": \"Growth\", \"svg\": \"\" }\n ]\n },\n \"brandVoice\": {\n \"adjectives\": [\"string\", \"string\", \"string\"],\n \"description\": \"string\",\n \"rationale\": \"string\"\n }\n}\n\nCrucial Instructions:\n1. All SVG elements must be complete, valid, and self-contained. Use a 'currentColor' value for 'fill' or 'stroke' properties to ensure they inherit color properly. They should have a 'viewBox=\"0 0 24 24\"' attribute.\n2. The logomark SVG must visually interpret the core concept of a crystal emerging from chaos.\n3. The rationale for every element must explicitly connect back to the duality of \"chaos\" and \"clarity/stability.\"\n4. Do not deviate from this JSON structure. Do not include any text outside of the JSON object.\n\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl) {\n return `\n\n\n \n \n BrandForge AI\n \n \n \n\n\n\n

\n \n\n

\n Core Concept:\n \n

\n \n

\n\n

Strategizing and designing your brand...

\n\n

\n \n

\n\n\n`;\n}\n\nexport default async function (req: Request) {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n\n if (req.method === \"POST\" && action === \"generateBrand\") {\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: BRAND_GENERATOR_PROMPT }],\n temperature: 0.6,\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n\n // Basic validation of the AI's response structure\n if (!content) {\n throw new Error(\"AI returned an empty response.\");\n }\n const parsedContent = JSON.parse(content);\n if (!parsedContent.logomark || !parsedContent.colorPalette) {\n throw new Error(\"AI returned an incomplete brand guide structure.\");\n }\n\n return new Response(content, {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"BrandForge AI Error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message || \"An unknown error occurred.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Serve HTML for GET requests\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- AI BEHAVIORAL GUIDELINES ---\nconst GENERATION_STYLE_GUIDE = `\nAs the BrandForge AI, you must embody the persona of a senior brand strategist from a top-tier design agency. Your analysis must be insightful, and your design choices must be deliberate and justified. Articulate your reasoning with the precise, intelligent language of a seasoned professional. Avoid marketing jargon and clichés. Your objective is to deliver a comprehensive brand identity system that feels curated by a human expert, not algorithmically generated. Every element must be directly traceable to the user's core concept.\n`;\n\nfunction getBrandGeneratorPrompt(concept: string): string {\n return `\nYou are BrandForge AI, an expert brand strategist and designer tasked with creating a full brand identity from a user's core concept.\n\nThe user's concept is: \"${concept}\"\n\nYour response must be a single, minified JSON object containing a complete brand guide. The structure must be precisely as follows:\n\n{\n \"brandNameSuggestions\": [\n { \"name\": \"string\", \"rationale\": \"string\" },\n { \"name\": \"string\", \"rationale\": \"string\" },\n { \"name\": \"string\", \"rationale\": \"string\" }\n ],\n \"logomark\": {\n \"svg\": \"\",\n \"rationale\": \"string\"\n },\n \"colorPalette\": {\n \"primary\": { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n \"secondary\": { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n \"accent\": { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n \"neutrals\": [\n { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" }\n ]\n },\n \"typography\": {\n \"primary\": { \"font\": \"string\", \"weight\": \"string\", \"rationale\": \"string\" },\n \"secondary\": { \"font\": \"string\", \"weight\": \"string\", \"rationale\": \"string\" }\n },\n \"iconography\": {\n \"style\": \"string\",\n \"rationale\": \"string\",\n \"examples\": [\n { \"name\": \"Action 1\", \"svg\": \"\" },\n { \"name\": \"Action 2\", \"svg\": \"\" },\n { \"name\": \"Action 3\", \"svg\": \"\" }\n ]\n },\n \"brandVoice\": {\n \"adjectives\": [\"string\", \"string\", \"string\"],\n \"description\": \"string\",\n \"rationale\": \"string\"\n }\n}\n\nCrucial Instructions:\n1. All SVG elements must be complete, valid, and self-contained. Use a 'currentColor' value for 'fill' or 'stroke' properties to ensure they inherit color properly. They should have a 'viewBox=\"0 0 24 24\"' attribute.\n2. The logomark SVG must visually interpret the user's core concept.\n3. The rationale for every element must explicitly connect back to the user's provided concept.\n4. Do not deviate from this JSON structure. Do not include any text outside of the JSON object.\n\n${GENERATION_STYLE_GUIDE}\n`;\n}\n\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl) {\n return `\n\n\n \n \n BrandForge AI\n \n \n \n\n\n\n

\n \n\n

\n \n

\n\n

Strategizing and designing your brand...

\n\n

\n \n

\n\n\n`;\n}\n\nexport default async function (req: Request) {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n\n if (req.method === \"POST\" && action === \"generateBrand\") {\n try {\n const openai = new OpenAI();\n const body = await req.json();\n const concept = body.concept;\n\n if (\n !concept || typeof concept !== \"string\" || concept.trim().length < 10\n ) {\n throw new Error(\"A sufficiently descriptive concept is required.\");\n }\n\n const prompt = getBrandGeneratorPrompt(concept);\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: prompt }],\n temperature: 0.6,\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n\n if (!content) {\n throw new Error(\"AI returned an empty response.\");\n }\n const parsedContent = JSON.parse(content);\n if (!parsedContent.logomark || !parsedContent.colorPalette) {\n throw new Error(\"AI returned an incomplete brand guide structure.\");\n }\n\n return new Response(content, {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"BrandForge AI Error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message || \"An unknown error occurred.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Serve HTML for GET requests\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}","createdAt",["D",1759783221205],"branchVersion","branchId","94b2512a-a2f3-11f0-b1cf-0224a6c84d84","id","94b1ee38-a2f3-11f0-b1cf-0224a6c84d84","brand",["D",1759782750388],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0199b749-1e1c-7399-b093-a97ac9fff69e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",7,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","volt","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":150,"_79":151,"_81":152,"_83":25},"tree",[144],"files",[144],"counts",{"_133":61,"_134":135,"_136":61,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"ad546938-a2f4-11f0-99fc-0224a6c84d84","parentId","latest",["D",1759783221205],5,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1759783221205],"children",[],[28],["D",1759782750388],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":57,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v6