# FullStory Brand Identity A complete profile of **FullStory**'s visual system — colors, typography, components, and personality — extracted from https://fullstory.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/fullstory - Machine-readable JSON: https://characterquilt.com/branding/fullstory.json - Per-page llms.txt: https://characterquilt.com/branding/fullstory/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #0E3C3C | | Accent | #11AB85 | | Body Font | Neulis Sans | | Heading Font | Neulis Neue | ## Color Palette - primary: #0E3C3C - secondary: #0A2828 - accent: #11AB85 - background: #FFFFFF - textPrimary: #135050 - link: #135050 ## Typography - primary: Neulis Sans — https://fonts.google.com/specimen/Neulis+Sans - heading: Neulis Neue — https://fonts.google.com/specimen/Neulis+Neue ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22130%22%20height%3D%2225%22%20fill%3D%22none%22%20viewBox%3D%220%200%20130%2025%22%20aria-label%3D%22Fullstory%20Logo%22%20role%3D%22img%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M117.77%2024.78v-2.791h.34c1.571%200%202.451-.595%203.175-2.012l.231-.462-5.064-12.988h3.305l3.386%209.605%203.362-9.605h3.229l-5.921%2014.977c-.98%202.044-2.545%203.16-5.703%203.275zm-10.23-4.874V6.734h2.89v2.198c1.033-1.496%202.558-2.405%204.414-2.405h.232l1.162%202.967h-1.394c-2.788%200-4.414%201.574-4.414%204.001v6.406h-2.89v.007zm-8.371-13.8c-4.031%200-7.051%202.968-7.051%206.9s3.02%206.9%207.05%206.9c4.032%200%207.052-2.968%207.052-6.9s-3.02-6.9-7.051-6.9m0%2011.01c-2.32%200-4.077-1.78-4.077-4.11s1.75-4.109%204.077-4.109%204.054%201.78%204.054%204.11c0%202.328-1.728%204.108-4.054%204.108m-8.88%202.79c-2.866%200-4.414-1.45-4.414-4.054V9.368h-1.99V6.731h1.112c.671%200%201.032-.363%201.032-1.033V3.169h2.735v3.562h3.023v2.637h-3.023v6.02c0%201.164.494%201.858%201.704%201.858h1.319v2.66zm-12.228.204c-3.174%200-5.262-1.704-5.262-4.185h2.945c0%201.011.955%201.682%202.35%201.682%201.295%200%202.142-.593%202.142-1.418%200-2.374-7.228-1.056-7.228-5.735%200-2.558%202.042-4.132%204.954-4.132s5.01%201.627%205.01%204.001h-2.945c0-.902-.854-1.525-2.088-1.525s-2.012.54-2.012%201.342c0%202.297%207.251%201.033%207.251%205.735%200%202.558-2.041%204.23-5.108%204.23l-.007.007h-.002zm-9.37-.204V1.313h2.889v18.593zm-4.882%200V1.313h2.89v18.593zm-9.067.31c-3.02%200-5.032-2.012-5.032-5.088V6.734h2.889v7.538c0%201.888%201.21%203.153%203.075%203.153%201.964%200%203.276-1.295%203.276-3.2V6.735h2.889v13.174h-2.89v-1.626c-1.01%201.263-2.45%201.934-4.207%201.934M40.738%2025v-2.708c1.34%200%201.672-.758%201.672-2.046V9.396h-1.922V6.713h1.922V5.337c0-2.841%201.677-4.417%204.8-4.417h1.174v2.708h-.916c-1.34%200-2.122.76-2.122%202.05v1.028h3.038v2.683h-3.038v11.194c0%202.841-1.484%204.415-4.61%204.415zm-6.196-5.094v-2.862h-11.91l10.256-5.88.06-.034-1.434-2.476-10.317%205.914%205.921-10.186.035-.06-2.458-1.41-.034-.02-5.956%2010.245V1.311h-2.873v11.838L9.913%202.96l-.034-.06L7.42%204.31l-.035.021%205.956%2010.246-10.257-5.88-.06-.034-1.433%202.476%2010.315%205.914H0v2.855h10.74c3.04-.315%204.674-2.007%205.51-3.374a8.5%208.5%200%200%200%201.024-2.547c.115.524.398%201.52%201.025%202.547.836%201.364%202.469%203.057%205.517%203.374h10.726z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://www.fullstory.com/favicon-32x32.png?v=7cac1bc6d731746740d72903d25cd5bf ## UI Components - buttonPrimary: background=#11AB85, textColor=#FFFFFF, borderColor=#11AB85, borderRadius=4px, shadow=none - buttonSecondary: background=#FF93AF, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=6px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: business professionals and digital marketers ## FullStory Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **StoryAI Opportunities - Funnel Drops – Fullstory Help Center** - Image: https://help.fullstory.com/hc/article_attachments/34317973492631 - Source: https://help.fullstory.com/hc/en-us/articles/31666015856663-StoryAI-Opportunities-Funnel-Drops - **Blog** - Image: https://images.ctfassets.net/dkgr2j75jrom/JTPQWlDiL3y3NeQoQ5xDd/c6795ab037361b500da1cf1993bf2216/Lee-Blog-2.png?w=1200&h=628&q=50&fm=png&bg=transparent - Source: https://www.fullstory.com/blog/ - **Fullstory Trust Center | Powered by SafeBase** - Image: https://cdn.safebase.io/public/05f8bbeabc69e887b8975b63964c5ec2652083eb/images/certifications/a-lign/soc2.png - Source: https://trust.fullstory.com/ - **Blog** - Image: https://images.ctfassets.net/dkgr2j75jrom/1SBQ66AAuylCZVZIJdkoSg/083e0d01d2770771344876b3c806c01f/fs-MCP-blog-2__1_.jpg?w=1800&h=941&fl=progressive&q=50&fm=jpg&bg=transparent - Source: https://www.fullstory.com/blog/ - **Salesforce Sales Cloud - Fullstory Technology Partner Directory** - Image: https://content.partnerpage.io/eyJidWNrZXQiOiJwYXJ0bmVycGFnZS5wcm9kIiwia2V5IjoibWVkaWEvY29udGFjdF9pbWFnZXMvMDM3OWQzZmYtYTEyMi00YzkwLWE0OWYtMTI3MGMzNGJjZDRiLzdiYmVmODZjLTM5YzktNDFjNC04NmFlLTcyNDFmNmVhNjZjZC5qcGVnIiwiZWRpdHMiOnsidG9Gb3JtYXQiOiJ3ZWJwIiwicmVzaXplIjp7ImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjI1NSwiZyI6MjU1LCJiIjoyNTUsImFscGhhIjowfX19fQ== - Source: https://directory.fullstory.com/integrations/salesforce-sales-cloud - **Blog** - Image: https://images.ctfassets.net/dkgr2j75jrom/5rN2qw5QANms1eKaD0Y5fk/2c261ece1444be0ba186f0f9cb38fb51/Brent-Workforce-Blog-1.png?w=1200&h=628&q=50&fm=png&bg=transparent - Source: https://www.fullstory.com/blog/ ## Working with these fonts Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path. Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable. ## Machine-Readable Profile ```json { "colorScheme": "light", "fonts": [ { "family": "Neulis Neue", "role": "heading" }, { "family": "Neulis Sans", "role": "body" } ], "colors": { "primary": "#0E3C3C", "secondary": "#0A2828", "accent": "#11AB85", "background": "#FFFFFF", "textPrimary": "#135050", "link": "#135050" }, "typography": { "fontFamilies": { "primary": "Neulis Sans", "heading": "Neulis Neue" }, "fontStacks": { "heading": [ "neulis-neue", "sans-serif" ], "body": [ "neulis-sans", "sans-serif" ], "paragraph": [ "neulis-sans", "sans-serif" ] }, "fontSizes": { "h1": "62px", "h2": "32px", "body": "20px" } }, "spacing": { "baseUnit": 4, "borderRadius": "6px" }, "components": { "buttonPrimary": { "background": "#11AB85", "textColor": "#FFFFFF", "borderColor": "#11AB85", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" }, "buttonSecondary": { "background": "#FF93AF", "textColor": "#FFFFFF", "borderColor": "#FFFFFF", "borderRadius": "6px", "borderRadiusCorners": { "topLeft": "6px", "topRight": "6px", "bottomRight": "6px", "bottomLeft": "6px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22130%22%20height%3D%2225%22%20fill%3D%22none%22%20viewBox%3D%220%200%20130%2025%22%20aria-label%3D%22Fullstory%20Logo%22%20role%3D%22img%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M117.77%2024.78v-2.791h.34c1.571%200%202.451-.595%203.175-2.012l.231-.462-5.064-12.988h3.305l3.386%209.605%203.362-9.605h3.229l-5.921%2014.977c-.98%202.044-2.545%203.16-5.703%203.275zm-10.23-4.874V6.734h2.89v2.198c1.033-1.496%202.558-2.405%204.414-2.405h.232l1.162%202.967h-1.394c-2.788%200-4.414%201.574-4.414%204.001v6.406h-2.89v.007zm-8.371-13.8c-4.031%200-7.051%202.968-7.051%206.9s3.02%206.9%207.05%206.9c4.032%200%207.052-2.968%207.052-6.9s-3.02-6.9-7.051-6.9m0%2011.01c-2.32%200-4.077-1.78-4.077-4.11s1.75-4.109%204.077-4.109%204.054%201.78%204.054%204.11c0%202.328-1.728%204.108-4.054%204.108m-8.88%202.79c-2.866%200-4.414-1.45-4.414-4.054V9.368h-1.99V6.731h1.112c.671%200%201.032-.363%201.032-1.033V3.169h2.735v3.562h3.023v2.637h-3.023v6.02c0%201.164.494%201.858%201.704%201.858h1.319v2.66zm-12.228.204c-3.174%200-5.262-1.704-5.262-4.185h2.945c0%201.011.955%201.682%202.35%201.682%201.295%200%202.142-.593%202.142-1.418%200-2.374-7.228-1.056-7.228-5.735%200-2.558%202.042-4.132%204.954-4.132s5.01%201.627%205.01%204.001h-2.945c0-.902-.854-1.525-2.088-1.525s-2.012.54-2.012%201.342c0%202.297%207.251%201.033%207.251%205.735%200%202.558-2.041%204.23-5.108%204.23l-.007.007h-.002zm-9.37-.204V1.313h2.889v18.593zm-4.882%200V1.313h2.89v18.593zm-9.067.31c-3.02%200-5.032-2.012-5.032-5.088V6.734h2.889v7.538c0%201.888%201.21%203.153%203.075%203.153%201.964%200%203.276-1.295%203.276-3.2V6.735h2.889v13.174h-2.89v-1.626c-1.01%201.263-2.45%201.934-4.207%201.934M40.738%2025v-2.708c1.34%200%201.672-.758%201.672-2.046V9.396h-1.922V6.713h1.922V5.337c0-2.841%201.677-4.417%204.8-4.417h1.174v2.708h-.916c-1.34%200-2.122.76-2.122%202.05v1.028h3.038v2.683h-3.038v11.194c0%202.841-1.484%204.415-4.61%204.415zm-6.196-5.094v-2.862h-11.91l10.256-5.88.06-.034-1.434-2.476-10.317%205.914%205.921-10.186.035-.06-2.458-1.41-.034-.02-5.956%2010.245V1.311h-2.873v11.838L9.913%202.96l-.034-.06L7.42%204.31l-.035.021%205.956%2010.246-10.257-5.88-.06-.034-1.433%202.476%2010.315%205.914H0v2.855h10.74c3.04-.315%204.674-2.007%205.51-3.374a8.5%208.5%200%200%200%201.024-2.547c.115.524.398%201.52%201.025%202.547.836%201.364%202.469%203.057%205.517%203.374h10.726z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.fullstory.com/favicon-32x32.png?v=7cac1bc6d731746740d72903d25cd5bf", "ogImage": null, "logoHref": "/", "logoAlt": "Fullstory Logo" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Fullstory'.", "confidence": 0.95, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Get a demo", "reasoning": "Button #2 'Get a demo' has a vibrant green background (#11AB85) and action-oriented text, making it a strong primary CTA." }, "secondary": { "index": 3, "text": "START NOW", "reasoning": "Button #1 'START NOW' has a distinct red/orange background (#FF93AF), making it suitable as a secondary CTA with different color from the primary." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "business professionals and digital marketers" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Fullstory'.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```