{"url":"https://framer.com/","finalUrl":"https://www.framer.com/","title":"Framer: AI website builder for professional sites","description":"Create a professional website with Framer’s no-code AI website builder. Design freely, manage CMS content, optimize SEO, collaborate, and publish fast.","palette":[{"hex":"#ffffff","rgb":"rgb(255, 255, 255)","name":"White","role":"background","weight":1465,"tokens":["--token-c534b380-e14e-4ddc-9802-ad88d1f94f8e","--token-26e3cb56-8447-4a64-9b7d-37f16a9909d4","--token-289cb3ad-ad59-4cce-aee5-0850b842d9c8","--token-8f5eb515-7a13-452b-a4ab-f35e2208a3f3"]},{"hex":"#0099ff","rgb":"rgb(0, 153, 255)","name":"Vivid Sky blue","role":"primary","weight":1000,"tokens":["--token-bd71055c-0a2c-4476-8cc9-4310acba652d","--token-3ead4217-f562-484f-ae35-d367de8b213a","--token-7caf96a9-3685-4995-95cd-92a16705da21","--token-e2c6fd82-c978-4415-a4b5-37700001c928"]},{"hex":"#999999","rgb":"rgb(153, 153, 153)","name":"Gray","role":"neutral","weight":581,"tokens":["--token-5964e09d-3671-4c80-a557-31c1772b6c22","--token-8015ce2b-ef6f-4fe0-944b-b61f872d0501","--token-e81b27a0-dbec-444a-a842-619222fcd818","--token-494c7bf8-981d-4262-955c-7770a66e4aca"]},{"hex":"#000000","rgb":"rgb(0, 0, 0)","name":"Black","role":"text","weight":574,"tokens":["--token-1ef30da2-9620-422c-b321-d10088e14610","--token-3d980185-7d0f-4837-b1d0-e3a68e16a293","--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb","--token-50d3edc6-ca3e-4e24-b5b6-95a9ef291fd3"]},{"hex":"#242424","rgb":"rgb(36, 36, 36)","name":"Graphite","role":"text","weight":466,"tokens":["--token-393d758b-714b-4628-a487-3e2609e109b7","--token-a90119e0-cc91-4f7c-8117-a4827837d154","--token-5381f6a2-4123-4833-9f15-ece3362235bb","--token-4c236017-9c6f-4d47-8335-0eb6d859d1e3"]},{"hex":"#888888","rgb":"rgb(136, 136, 136)","name":"Gray","role":"neutral","weight":338,"tokens":["--token-0670237f-f1ec-47e8-98e0-ecdf93f4467c","--token-565b745b-c313-43ee-aacc-dc06f90a5494","--token-c21e04aa-a0e5-4f4d-853d-09e09aa40d71","--token-e0633a0d-cf57-4847-a570-b6e3ee41f945"]},{"hex":"#303030","rgb":"rgb(48, 48, 48)","name":"Graphite","role":"neutral","weight":235,"tokens":["--token-373c4b2f-375a-4a63-bd70-20575308a06b","--token-05c8a71b-796d-4e89-a88a-1fd7fb02e1c7","--token-cf95d1fa-935c-4802-82e7-f14ff5b21f9c","--token-0cc75308-4a6e-4bce-8d10-0b6ce313edb1"]},{"hex":"#666666","rgb":"rgb(102, 102, 102)","name":"Charcoal","role":"neutral","weight":147,"tokens":["--token-3211d3ed-e082-412d-bec4-c06fb5bda768","--token-28fd9ca0-18c8-4b2c-b240-cbd29f83e8a5","--token-80b6d9ee-6797-4273-85d5-55a0c0e39c2c","--token-75b23a6a-47c8-47c8-8583-14f60f534fa2"]},{"hex":"#141414","rgb":"rgb(20, 20, 20)","name":"Near-black","role":"text","weight":132,"tokens":["--token-2fbf5c4b-adb8-4940-91a4-ad94f8d791ba","--token-34da55f6-98ee-406d-9f22-8bd807975463","--token-5e2a9781-f258-43f3-ae02-0a76276a5519","--token-e0051992-b662-4a7c-a4c8-9cd5b5125f7a"]},{"hex":"#eeeeee","rgb":"rgb(238, 238, 238)","name":"Off-white","role":"background","weight":95,"tokens":["--token-77e39566-b00e-4163-9c94-dfbac239ccfc","--token-ae91dd2e-0047-4f1c-ad17-e99188f82231","--border-color","--token-02d1ef49-b467-4c62-87d7-eec15dc1a1de"]}],"fonts":[{"name":"Inter","category":"sans","stack":"Inter","role":"body","count":140},{"name":"Inter Display","category":"display","stack":"\"Inter Display\"","role":"heading","count":126},{"name":"Inter Variable","category":"sans","stack":"\"Inter Variable\"","role":"other","count":22},{"name":"Gt Walsheim Medium","category":"display","stack":"\"GT Walsheim Medium\"","role":"other","count":10}],"assets":{"favicon":"https://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.png","ogImage":"https://framerusercontent.com/images/qAuYmOzzj4F8wIEJiqfcOgjFdiY.png","screenshot":"https://storage.googleapis.com/firecrawl-scrape-media/screenshot-6f17fd02-078a-4b67-8193-2d39e1fadca0.png?GoogleAccessId=scrape-bucket-accessor%40firecrawl.iam.gserviceaccount.com&Expires=1784491874&Signature=D%2BtJvBx887O2CH22evX7XT3xvuC6w4zIEXhELSwkzeTlrBegdFmMKQO2aJGKaFE1kpF6VEsnKaIc0D3G9p0WVITZ99AEby21Qbp9e8irooeRX1tVd%2BZwoWpptDKmLwGPNT953fo7dsPWrpB8Iq%2Ba%2Fx%2FEft%2Fp72LuH3g%2BpSqWIP%2B1lfFty7%2BQsBUcZvMslAAIyvLzIncqjyNi2xLpte%2FF0OmncCUM2G%2Fs%2BHRsdpWPifUJeNaz8xxITaiB6LSLAarEqyJkcTYD84G552bYpfQg6lz3agTpJu4hak%2FfXZRFqIMD0KLXiPtZUlWJQUwJml8Q%2FbWkBUdtRjg7W4k9uTk95Q%3D%3D","siteName":"Framer"},"voice":{"voice_adjectives":["confident","designer-led","benefit-first","succinct","proof-seeking","product-forward"],"tone":"direct and assured with a builder’s pragmatism","archetype":"The Creator","tagline":"Framer is the AI website builder for standout sites","target_audience":"Design and marketing teams at startups and enterprises who need flagship, high-velocity web publishing with enterprise governance and without engineering bottlenecks.","brand_summary":"Framer positions itself as the AI website builder that lets designers ship flagship, high-performance sites without developer handoff. The personality is confident, builder-centric, and anchored in visible product surfaces: a canvas-first workflow, agents that act inside the editor, and enterprise-grade controls.","differentiation":"Leads with designer control and in-canvas AI agents rather than generic page generators. Backs claims with enterprise features and concrete customer workflows like localization and custom CMS plugins.","value_proposition":"Design, localize, and publish high‑performance websites without handoff, using AI agents and a visual canvas that keep creative control in-house.","proof_points":["Miro testimonial: “Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”","Miro case: designers create, iterate, and publish pages independently, plus a custom CMS plugin to sync content with “no workarounds.”","Enterprise compliance: SOC 2 Type 2, ISO 27001, GDPR, SSO, SCIM, roles.","Outcome bullets on Enterprise: “Finishes 85% of site work without handoff,” “Creates marketing campaigns 10× faster,” “Increased homepage conversions by 35%.”","Public gallery of shipped sites and “The best sites are shipped with Framer” social proof."],"cta_style":"short, imperative, and low-friction (e.g., “Get started for free,” “Talk to sales,” “Talk to us,” “Design with an agent”)","example_phrases":["Framer is the AI website builder for standout sites","How Miro builds fast without losing design control with Framer","Agents help every team draft pages, refine copy, fix issues, and move faster.","SSO, role-based access, and enterprise-grade compliance keep everything protected."],"writing_style_notes":"Leads with crisp benefit headlines, then substantiates with concrete outcomes and security specifics. Minimal adjectives, frequent action verbs (ship, launch, publish, localize), and short sentences. Pull quotes and bullets carry most persuasion.","write_like_them":{"dos":["Open with the end benefit, not the feature.","Show the workflow in plain terms: design, localize, publish.","Use short, declarative sentences and verbs like ship, launch, scale.","Back claims with a customer quote, metric, or compliance fact.","Name enterprise safeguards plainly (SSO, SCIM, SOC 2, ISO 27001, GDPR)."],"donts":["Do not bury the lead in abstract AI talk.","Do not rely on fluffy superlatives without a proof point.","Do not write meandering paragraphs; keep it scannable.","Do not overcomplicate with jargon or acronyms without context.","Do not promise results you do not show in a story or metric."],"vocabulary":["standout sites","flagship websites","design control in-house","ship without handoff","localize content for global markets","priority partnership","launch-critical work","real-time updates","secure by default","built to scale"]},"color_story":"High-contrast black and white foundation with a vivid sky blue accent for primary actions. Graphite and charcoal neutrals provide hierarchy and a modern, editorial feel while keeping screenshots and site galleries as the color focal points.","typography_notes":"Inter and Inter Display carry a clean, modern voice with high legibility at multiple sizes. Inter Variable suggests responsive, performance-minded typesetting; occasional GT Walsheim Medium adds character in display moments. Overall execution reads product-forward and contemporary, though the Inter stack is common in the category.","formality":45,"reading_level":"Grade 8","design_style":{"labels":["Minimalist","Editorial","Product-led","Corporate flat"],"summary":"A clean, high-contrast interface that puts the editor and shipped-site galleries front and center. White and near-black surfaces with precise blue accents keep focus on product evidence and outcomes, making the experience feel fast and controlled.","axes":[{"name":"Density","value":40,"low":"Airy","high":"Dense"},{"name":"Shape","value":25,"low":"Sharp","high":"Rounded"},{"name":"Contrast","value":80,"low":"Muted","high":"Bold"},{"name":"Decoration","value":30,"low":"Minimal","high":"Expressive"}]},"ai_slop":{"score":32,"verdict":"Well-edited and product-led, but it still wears the standard Inter-on-white uniform.","tells":[{"text":"Inter on white with blue primary accents","kind":"slop"},{"text":"Generic CTAs like “Get started for free” and “Talk to sales”","kind":"slop"},{"text":"Customer story details like a custom CMS plugin and localization workflow","kind":"craft"},{"text":"In-editor agent transcript snippets (“Thinking... Done.”) that show, not tell","kind":"craft"},{"text":"Specific enterprise compliance callouts (SOC 2 Type 2, ISO 27001, GDPR)","kind":"craft"}]},"scorecard":{"overall":78,"grade":"B","summary":"A strong, designer-led brand with clear benefits and solid proof, held back by category-common visuals and some generic phrasing.","biggest_opportunity":"Make the promise more ownable with quantified, attributed outcomes across stories and a sharper core line that goes beyond “AI website builder.”","components":[{"name":"Distinctiveness","score":75,"grade":"B","rationale":"Designer control and in-canvas agents feel differentiated, but visual and typographic choices are common in the category."},{"name":"Messaging clarity","score":82,"grade":"A","rationale":"Leads with a crisp headline and reinforces with specific workflows and enterprise needs."},{"name":"Voice consistency","score":78,"grade":"B","rationale":"Consistent directness and benefit-first copy across homepage, story, and enterprise, with minimal fluff."},{"name":"Color system","score":70,"grade":"B","rationale":"High-contrast black, white, and blue are clean and effective, but not distinctive."},{"name":"Typography","score":74,"grade":"B","rationale":"Inter family is executed cleanly with occasional display character; still widely used by competitors."},{"name":"Memorability","score":76,"grade":"B","rationale":"Product evidence, shipped-site gallery, and agent workflow add recall, but the headline and visual system are easy to imitate."}]}},"scorecard":{"overall":78,"grade":"B","summary":"A strong, designer-led brand with clear benefits and solid proof, held back by category-common visuals and some generic phrasing.","biggest_opportunity":"Make the promise more ownable with quantified, attributed outcomes across stories and a sharper core line that goes beyond “AI website builder.”","components":[{"name":"Distinctiveness","score":75,"grade":"B","rationale":"Designer control and in-canvas agents feel differentiated, but visual and typographic choices are common in the category."},{"name":"Messaging clarity","score":82,"grade":"A","rationale":"Leads with a crisp headline and reinforces with specific workflows and enterprise needs."},{"name":"Voice consistency","score":78,"grade":"B","rationale":"Consistent directness and benefit-first copy across homepage, story, and enterprise, with minimal fluff."},{"name":"Color system","score":70,"grade":"B","rationale":"High-contrast black, white, and blue are clean and effective, but not distinctive."},{"name":"Typography","score":74,"grade":"B","rationale":"Inter family is executed cleanly with occasional display character; still widely used by competitors."},{"name":"Memorability","score":76,"grade":"B","rationale":"Product evidence, shipped-site gallery, and agent workflow add recall, but the headline and visual system are easy to imitate."}]},"aiSlop":{"score":32,"verdict":"Well-edited and product-led, but it still wears the standard Inter-on-white uniform.","tells":[{"text":"Inter on white with blue primary accents","kind":"slop"},{"text":"Generic CTAs like “Get started for free” and “Talk to sales”","kind":"slop"},{"text":"Customer story details like a custom CMS plugin and localization workflow","kind":"craft"},{"text":"In-editor agent transcript snippets (“Thinking... Done.”) that show, not tell","kind":"craft"},{"text":"Specific enterprise compliance callouts (SOC 2 Type 2, ISO 27001, GDPR)","kind":"craft"}]},"designStyle":{"labels":["Minimalist","Editorial","Product-led","Corporate flat"],"summary":"A clean, high-contrast interface that puts the editor and shipped-site galleries front and center. White and near-black surfaces with precise blue accents keep focus on product evidence and outcomes, making the experience feel fast and controlled.","axes":[{"name":"Density","value":40,"low":"Airy","high":"Dense"},{"name":"Shape","value":25,"low":"Sharp","high":"Rounded"},{"name":"Contrast","value":80,"low":"Muted","high":"Bold"},{"name":"Decoration","value":30,"low":"Minimal","high":"Expressive"}],"signals":[]},"fontFaces":"","fontLinks":[],"meta":{"stylesheetsScanned":0,"cssBytes":0,"colorsFound":62,"pagesAnalyzed":3,"pages":[{"label":"Homepage","url":"https://www.framer.com/"},{"label":"Blog post","url":"https://www.framer.com/stories/miro/"},{"label":"Enterprise","url":"https://www.framer.com/enterprise/"}],"model":"gpt-5","fetchedAt":"2026-07-13T02:03:49.088Z","llm":true}}