{"meta":{"url":"https://framer.com/","domain":"framer.com","extractedAt":"2026-05-03T16:51:49.336Z","schemaVersion":"v1","durationMs":30194,"extractionDepth":1,"qualityScore":100},"identity":{"brandName":"Framer: Create a professional website, free. No code website builder loved by designers.","description":"Build a free website with Framer—enjoy full design freedom, powerful CMS, built-in SEO, and real-time collaboration. Create professional, fully custom sites with the no-code builder loved by designers and high-performing teams.","archetypes":[{"name":"The Creator","confidence":0.9},{"name":"The Sage","confidence":0.7}]},"logos":[{"type":"logomark","originalUrl":"https://framerusercontent.com/images/4gKZnsOSKARj5SbgbbbF1CNqro.png?width=240&height=240","url":"https://extractvibe.com/api/assets/brands/framer.com/logo-3.png","format":"png","variant":"color","confidence":0.8,"source":"extracted","dimensions":{"width":240,"height":240}},{"type":"logomark","originalUrl":"https://framerusercontent.com/images/f0zD56BWH0z8GfKM9dd8nMsCkc.png?width=240&height=240","url":"https://extractvibe.com/api/assets/brands/framer.com/logo-6.png","format":"png","variant":"color","confidence":0.8,"source":"extracted","dimensions":{"width":240,"height":240}},{"type":"logomark","originalUrl":"https://framerusercontent.com/images/VVlSsBCZwRNiKHsE4BiCZqBThM.png?width=225&height=225","url":"https://extractvibe.com/api/assets/brands/framer.com/logo-4.png","format":"png","variant":"color","confidence":0.8,"source":"extracted","dimensions":{"width":225,"height":225}},{"type":"logomark","originalUrl":"https://framerusercontent.com/images/RkwWTf2otULCGv3QEORgS5bH7Eg.png?width=160&height=160","url":"https://extractvibe.com/api/assets/brands/framer.com/logo-5.png","format":"png","variant":"color","confidence":0.8,"source":"extracted","dimensions":{"width":160,"height":160}},{"type":"favicon","originalUrl":"https://framerusercontent.com/images/aXvo6HfUhqvR7oFjFL8b4AcyGfg.png","url":"https://extractvibe.com/api/assets/brands/framer.com/logo-2.png","format":"png","confidence":0.74,"source":"favicon"},{"type":"favicon","originalUrl":"https://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.png","url":"https://extractvibe.com/api/assets/brands/framer.com/logo-0.png","format":"png","confidence":0.62,"source":"favicon"},{"type":"favicon","originalUrl":"https://framerusercontent.com/images/IWSWAkpF5evn8F9z67GntQanjk.png","url":"https://extractvibe.com/api/assets/brands/framer.com/logo-1.png","format":"png","confidence":0.62,"source":"favicon"}],"colors":{"lightMode":{"primary":{"hex":"#ffffff","rgb":{"r":255,"g":255,"b":255},"name":"White","role":"primary","source":"computed: button background-color","confidence":0.85},"background":{"hex":"#ffffff","rgb":{"r":255,"g":255,"b":255},"name":"White","role":"background","source":"inferred: default white (body transparent)","confidence":0.6},"text":{"hex":"#000000","rgb":{"r":0,"g":0,"b":0},"name":"Black","role":"text","source":"computed: body color","confidence":0.75},"secondaryText":{"hex":"#999999","rgb":{"r":153,"g":153,"b":153},"name":"Dark Silver","role":"secondaryText","source":"computed: text-sample-1 color","confidence":0.6},"link":{"hex":"#0000ee","rgb":{"r":0,"g":0,"b":238},"name":"Blue","role":"link","source":"computed: a color","confidence":0.75},"muted":{"hex":"#999999","rgb":{"r":153,"g":153,"b":153},"name":"Dark Silver","role":"muted","source":"computed: text-sample-1 color","confidence":0.6},"accent":{"hex":"#0000ee","rgb":{"r":0,"g":0,"b":238},"name":"Blue","role":"accent","source":"inferred: saturated non-primary","confidence":0.4}},"darkMode":{"background":{"hex":"#000000","rgb":{"r":0,"g":0,"b":0},"name":"Black","role":"background","source":"computed: body background-color","confidence":0.75},"surface":{"hex":"#000000","rgb":{"r":0,"g":0,"b":0},"name":"Black","role":"surface","source":"computed: nav background-color","confidence":0.75}},"rawPalette":[{"hex":"#000000","rgb":{"r":0,"g":0,"b":0},"source":"computed: section-sample-0","name":"Black"},{"hex":"#ffffff","rgb":{"r":255,"g":255,"b":255},"source":"inferred","name":"White"},{"hex":"#0000ee","rgb":{"r":0,"g":0,"b":238},"source":"computed: a","name":"Blue"},{"hex":"#999999","rgb":{"r":153,"g":153,"b":153},"source":"computed: text-sample-1","name":"Dark Silver"},{"hex":"#666666","rgb":{"r":102,"g":102,"b":102},"source":"computed: text-sample-4","name":"Dim Gray"}]},"typography":{"families":[{"name":"sans-serif","role":"body","source":"system","weights":[400],"confidence":0.95},{"name":"GT Walsheim Framer Medium","role":"heading","source":"self-hosted","weights":[500],"fallbackStack":"GT Walsheim Framer Medium Placeholder, sans-serif","confidence":0.85},{"name":"GT Walsheim Medium","role":"heading","source":"self-hosted","weights":[500],"fallbackStack":"GT Walsheim Medium Placeholder, sans-serif","confidence":0.85},{"name":"Inter Variable","role":"heading","source":"self-hosted","weights":[400],"fallbackStack":"Inter Variable Placeholder, sans-serif","confidence":0.85},{"name":"Inter Variable","role":"body","source":"self-hosted","weights":[400],"fallbackStack":"Inter Variable Placeholder, sans-serif","confidence":0.85}],"scale":{"body":{"fontFamily":"sans-serif","fontSize":"12px","fontWeight":400},"h1":{"fontFamily":"GT Walsheim Framer Medium","fontSize":"110px","fontWeight":500,"lineHeight":"93.5px","letterSpacing":"-5.5px"},"h2":{"fontFamily":"GT Walsheim Medium","fontSize":"62px","fontWeight":500,"lineHeight":"62px","letterSpacing":"-3.1px"},"h3":{"fontFamily":"Inter Variable","fontSize":"24px","fontWeight":400,"lineHeight":"28.8px","letterSpacing":"-0.01px"},"h5":{"fontFamily":"GT Walsheim Medium","fontSize":"85px","fontWeight":500,"lineHeight":"80.75px","letterSpacing":"-4.25px"},"h6":{"fontFamily":"Inter Variable","fontSize":"18px","fontWeight":400,"lineHeight":"23.4px","letterSpacing":"-0.01px"}},"conventions":{"headingCase":"sentence-case"}},"spacing":{"baseUnit":"2px","borderRadius":{"small":"11.28px","medium":"40px","large":"100px"}},"assets":[],"voice":{"toneSpectrum":{"formalCasual":4,"playfulSerious":3,"enthusiasticMatterOfFact":6,"respectfulIrreverent":2,"technicalAccessible":5},"copywritingStyle":{"avgSentenceLength":14,"vocabularyComplexity":"moderate","jargonUsage":"some","rhetoricalDevices":["parallelism","superlative","imperative"],"ctaStyle":"action-oriented imperative verbs with low-friction qualifiers"},"contentPatterns":{"headingCase":"sentence-case","emojiUsage":"none","exclamationFrequency":"rare","questionUsageInHeadings":false,"bulletPreference":false},"sampleCopy":["Build bettersites, faster","No code website builder loved by designers","Scale without switching tools","Create, collaborate, and go live","Framer is the site builder trusted by leading startups and Fortune 500 companies"]},"rules":{"dos":["Use GT Walsheim Medium (500 weight) for all primary headings and Inter Variable (400 weight) for body text, ensuring a clear typographic hierarchy.","Apply sentence-case capitalization to all headings and UI labels to maintain a modern, approachable tone.","Style primary action buttons with a #0000ee background, white text, and a 40px border-radius (pill shape) to create high-contrast, clickable elements.","Style secondary buttons with a #ffffff background, #0000ee text, and a 1px solid #0000ee border, maintaining a 15px border-radius.","Utilize a strict monochrome base palette (#ffffff background, #000000 text) in light mode, reserving #0000ee exclusively for interactive elements and accents.","Maintain a flat design aesthetic by strictly avoiding box-shadows and gradients on all UI components.","Use a base spacing unit of 2px for consistent padding and margins, ensuring generous whitespace around content blocks.","Keep copy concise and action-oriented, using imperative verbs (e.g., 'Build', 'Scale') and avoiding exclamations or emojis."],"donts":["Do not use title case for headings; the brand strictly adheres to sentence-case conventions.","Do not apply any box-shadows or drop-shadows to cards, buttons, or containers; the design is entirely flat.","Do not use gradients or color overlays; maintain solid, flat colors for all backgrounds and surfaces.","Do not use serif fonts or decorative typefaces; stick exclusively to the specified sans-serif family (GT Walsheim/Inter).","Do not use emojis or excessive punctuation (exclamations) in marketing copy or UI labels.","Do not use bright or saturated colors other than #0000ee for accents; avoid warm tones or multi-color palettes.","Do not use sharp corners (0px radius) on interactive elements; minimum radius is 11.28px for small elements and 40px for buttons.","Do not use dense, cluttered layouts; prioritize whitespace and clear visual separation between sections."],"source":"merged"},"vibe":{"summary":"Framer embodies a sophisticated, designer-first aesthetic that balances professional precision with creative freedom. The brand feels modern and efficient, leveraging a stark monochrome palette punctuated by a vibrant blue accent to convey clarity and high performance without visual clutter.","tags":["minimalist","designer-centric","professional","clean","modern","efficient","flat","accessible"],"visualEnergy":6,"designEra":"contemporary-minimal","comparableBrands":["Linear","Vercel","Stripe","Notion"],"emotionalTone":"confident-precise","targetAudienceInferred":"Professional designers, creative agencies, and tech-savvy teams who value design control and efficiency over complex coding.","confidence":0.95},"officialGuidelines":{"discoveredUrl":"https://framer.com/brand","hasOfficialKit":true,"guidelineRules":["Logo must have abundant clear space around it to remain clear, legible, and separate from distracting elements.","Pair wordmarks with wordmarks and icons with icons.","Ensure paired marks are evenly sized.","Never outline the logo.","Never rotate or skew the logo.","Never use colored logos (other than the specified black, white, and blue variants).","Never use other typefaces with the logo.","Never apply color to the logo (beyond approved variants).","Never place the logo on a low contrast background color.","Never create your own logo combinations or connect the wordmark to other words.","Never use the Framer icon as the letter F with the wordmark.","Never adjust the size or position of elements within the logo lockup.","Do not warp, stretch, or distort the logo."]},"buttons":{"styles":[{"variant":"secondary","backgroundColor":"#ffffff","textColor":"#0000ee","borderRadius":"15px","borderColor":"#0000ee","padding":"6px 10px 7px","fontSize":"12px","fontWeight":400,"sampleText":"Sign up","confidence":0.6}]},"effects":{"shadows":[],"gradients":[]},"designAssets":[{"src":"https://framerusercontent.com/images/uS0nUv30GToaflDaraI9qVUIwU.png?width=1068&height=1080","alt":"Elle Fanning website made in Framer","width":360,"height":364,"format":"png","context":"body"},{"src":"https://framerusercontent.com/images/xoqWK2Ez06MfMcPMMjY4mNm61eA.png?width=728&height=120","alt":"Framer UI","width":364,"height":60,"format":"png","context":"body"},{"src":"https://framerusercontent.com/images/E0Rqkt1UiX946xyLaqYe75YPU.png?width=569&height=120","alt":"Framer UI","width":285,"height":60,"format":"png","context":"body"},{"src":"https://framerusercontent.com/images/uTEUfwzv3s5Ag0jDYNoNFPgUc.png?width=400&height=133","width":200,"height":66,"format":"png","context":"body"},{"src":"https://framerusercontent.com/images/6qoS82LbYPIZjR1WoQYcXQwtlo.png?width=460&height=240","width":230,"height":120,"format":"png","context":"body"},{"src":"https://framerusercontent.com/images/dGrUymjsPGBqrLhlXqKRi4yCzU.png?width=520&height=1648","width":260,"height":720,"format":"png","context":"body"},{"src":"https://framerusercontent.com/images/9RVj3cWtTsrdiPFWHgyFxwnRs.png?width=728&height=120","alt":"Framer UI","width":364,"height":60,"format":"png","context":"body"},{"src":"https://framerusercontent.com/images/B6EqFVaJBk3PdjHnJzfeuHvrLI.png?width=520&height=1410","alt":"Framer UI","width":260,"height":705,"format":"png","context":"body"},{"src":"https://framerusercontent.com/images/UMhnlicZ2v0nFb7k2KvOTEEwA.png?width=520&height=1420","alt":"Framer UI","width":260,"height":710,"format":"png","context":"body"},{"src":"https://framerusercontent.com/images/eWy6bRTQquYDcj5FBMWTJfgr5rw.png?width=1920&height=1080","alt":"Holo Shader","width":85,"height":50,"format":"png","context":"body"}],"ogImage":"https://framerusercontent.com/images/yyBL8MFizGZKUd27rQGHp30fyc.jpg","iconLibrary":null}