llms.txt

Wrapbook Brand Identity

A complete profile of Wrapbook's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #6733FF
Accent #6733FF
Body Font Untitled Sans
Heading Font Pitch Sans

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: film and production professionals

Wrapbook Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

Working with these fonts

Not found on Google Fonts? Instructions for using the fonts:

  1. Open the company's homepage in a browser with DevTools open.
  2. In the Network tab, filter by "Font".
  3. Hard-reload the page and click around.
  4. For each captured font URL, download the file locally.
  5. View the page's CSS and copy out the matching @font-face declarations.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {
 "family": "Untitled Sans",
 "role": "body"
 },
 {
 "family": "Pitch Sans",
 "role": "heading"
 }
 ],
 "colors": {
 "primary": "#6733FF",
 "secondary": "#202080",
 "accent": "#6733FF",
 "background": "#FFFFFF",
 "textPrimary": "#000000",
 "link": "#121254"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Untitled Sans",
 "heading": "Pitch Sans"
 },
 "fontStacks": {
 "heading": [
 "Untitled Serif",
 "sans-serif"
 ],
 "body": [
 "Untitled Sans",
 "sans-serif"
 ],
 "paragraph": [
 "Untitled Sans",
 "sans-serif"
 ]
 },
 "fontSizes": {
 "h1": "80px",
 "h2": "14px",
 "body": "14.4px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "8px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#6733FF",
 "textColor": "#FFFFFF",
 "borderRadius": "4px",
 "borderRadiusCorners": {
 "topLeft": "4px",
 "topRight": "4px",
 "bottomRight": "4px",
 "bottomLeft": "4px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#FFFFFF",
 "textColor": "#000000",
 "borderColor": "#C7BAFF",
 "borderRadius": "8px",
 "borderRadiusCorners": {
 "topLeft": "8px",
 "topRight": "8px",
 "bottomRight": "8px",
 "bottomLeft": "8px"
 },
 "shadow": "rgba(103, 51, 255, 0.1) 0px 2px 24px 0px"
 }
 },
 "images": {
 "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20182%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M116.864%2010.9832C116.864%205.02776%20120.992%200.633179%20126.962%200.633179C132.988%200.633179%20137.088%205.02776%20137.088%2010.9832C137.088%2016.9385%20132.988%2021.3331%20126.962%2021.3331C120.994%2021.3331%20116.864%2016.9385%20116.864%2010.9832ZM134.047%2010.9832C134.047%206.41847%20131.175%203.38283%20126.962%203.38283C122.777%203.38283%20119.905%206.4166%20119.905%2010.9832C119.905%2015.5497%20122.777%2018.5835%20126.962%2018.5835C131.175%2018.5835%20134.047%2015.5497%20134.047%2010.9832ZM4.04462%201.05933H0.920654L6.47907%2020.9088H9.88251L14.9426%205.45391H14.9978L19.9237%2020.9088H23.3547L29.0474%201.05933H25.9234L21.2898%2016.6563H21.2347L16.4191%201.05933H13.5471L8.62667%2016.6563H8.57152L4.04462%201.05933ZM56.8593%2017.1086H67.7077L69.3258%2020.9088H72.5619L63.7747%201.05933H60.7629L51.9776%2020.9088H55.2413L56.8593%2017.1086ZM62.2982%204.48938L66.5659%2014.4431H58.003L62.2431%204.48938H62.2982ZM75.7264%201.05933H85.7951C89.9506%201.05933%2092.6848%203.44074%2092.6848%207.29698C92.6848%2011.1532%2089.98%2013.4785%2085.7951%2013.4785H78.7382V20.9088H75.7264V1.05933ZM85.6572%2010.7289C88.3068%2010.7289%2089.673%209.59427%2089.673%207.26894C89.673%204.91557%2088.362%203.80898%2085.6572%203.80898H78.74V10.7289H85.6572ZM106.826%201.05933H96.675V20.9088H106.242C110.872%2020.9088%20113.271%2018.8657%20113.271%2014.9534C113.271%2012.714%20112.127%2010.9831%20110.37%2010.2747V10.2186C111.708%209.53819%20112.545%208.0914%20112.545%206.24833C112.545%203.15848%20110.23%201.05933%20106.826%201.05933ZM109.531%206.50442C109.531%208.34749%20108.445%209.31202%20106.212%209.31202H99.685V3.81085H106.212C108.388%203.81085%20109.531%204.74733%20109.531%206.50442ZM110.256%2014.9552C110.256%2017.1666%20109.002%2018.1591%20106.1%2018.1591H99.685V11.8355H106.155C109.027%2011.8355%20110.256%2012.8%20110.256%2014.9552ZM150.671%200.633179C144.702%200.633179%20140.572%205.02776%20140.572%2010.9832C140.572%2016.9385%20144.702%2021.3331%20150.671%2021.3331C156.696%2021.3331%20160.796%2016.9385%20160.796%2010.9832C160.796%205.02776%20156.696%200.633179%20150.671%200.633179ZM150.671%203.38283C154.883%203.38283%20157.755%206.41847%20157.755%2010.9832C157.755%2015.5497%20154.855%2018.5835%20150.671%2018.5835C146.486%2018.5835%20143.614%2015.5478%20143.614%2010.9832C143.614%206.4166%20146.486%203.38283%20150.671%203.38283ZM165.042%201.05933H168.053V11.0691H168.109L177.453%201.05933H181.665L173.41%209.65222L182%2020.9106H178.262L171.372%2011.7233H171.317L168.053%2015.2394V20.9106H165.042V1.06119V1.05933ZM49.5306%2020.9088L44.4429%2012.9496V12.9215C47.2598%2012.314%2049.0949%2010.3999%2049.0949%207.09884C49.0949%203.35662%2046.5574%201.05933%2042.345%201.05933H32.6109V20.9088H35.6227V13.1383H41.2178L46.072%2020.9088H49.5306ZM46.0812%207.06893C46.0812%209.2522%2044.7426%2010.3868%2042.1206%2010.3868H35.6208V3.80711H42.0636C44.7978%203.80711%2046.0812%204.88566%2046.0812%207.06893Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E",
 "favicon": "https://cdn.prod.website-files.com/6467d96400e84f307e2196eb/6467db00407cb6e7f6fd1e12_favicon.png",
 "ogImage": "https://cdn.prod.website-files.com/6467d96400e84f307e2196eb/647e74268bf8a516e04a5f81_Generic%20Meta%20-%20Wrapbook%20-%20Meta%20Image.png",
 "logoHref": "/"
},
 "__llm_logo_reasoning": {
 "selectedIndex": 21,
 "reasoning": "Selected #1 because it is a medium-sized, visible logo in the header with href=home, matching the brand 'Wrapbook'.",
 "confidence": 0.9,
 "source": "llm"
},
 "__llm_button_reasoning": {
 "primary": {
 "index": 3,
 "text": "Get Started",
 "reasoning": "Button #3 has a vibrant brand color (#6733FF) and action-oriented text 'Get Started', making it the primary CTA."
 },
 "secondary": {
 "index": 1,
 "text": "Your payroll company should be in your corner, not in your way.Learn More",
 "reasoning": "Button #1 has a different background color (#FFFFFF) and serves as a secondary action with 'Learn More'."
 },
 "confidence": 0.95
},
 "personality": {
 "tone": "professional",
 "energy": "medium",
 "targetAudience": "film and production professionals"
},
 "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": 1,
 "selectedLogoReasoning": "Selected #1 because it is a medium-sized, visible logo in the header with href=home, matching the brand 'Wrapbook'.",
 "confidence": 0.9
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}