# Whalesync Brand Identity A complete profile of **Whalesync**'s visual system — colors, typography, components, and personality — extracted from https://www.whalesync.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/whalesync - Machine-readable JSON: https://characterquilt.com/branding/whalesync.json - Per-page llms.txt: https://characterquilt.com/branding/whalesync/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #032232 | | Accent | #02A2F2 | | Body Font | Geist Variable | | Heading Font | Geist Variable | ## Color Palette - primary: #032232 - secondary: #031A26 - accent: #02A2F2 - background: #FFFFFF - textPrimary: #02A2F2 - link: #02A2F2 ## Typography - primary: Geist Variable — https://fonts.google.com/specimen/Geist+Variable - heading: Geist Variable — https://fonts.google.com/specimen/Geist+Variable ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20163%2022%22%20fill%3D%22none%22%20class%3D%22logo-full%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M48.0923%2017.4619L44.1572%204.32857H47.3791L49.9123%2013.8957L52.5684%204.32857H55.2984L57.9546%2013.8957L60.5124%204.32857H63.7342L59.7745%2017.4619H56.5281L53.9211%208.65715L51.3387%2017.4619H48.0923Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M64.9852%2017.4619V0H68.1333V6.09935C68.8219%204.69749%2070.2238%204.03344%2071.8716%204.03344C74.7737%204.03344%2076.3231%206.09935%2076.3231%209.02606V17.4619H73.1751V9.78848C73.1751%207.64879%2072.4619%206.59124%2070.937%206.59124C69.2154%206.59124%2068.1333%207.72257%2068.1333%209.86226V17.4619H64.9852Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M82.3455%2017.757C79.5909%2017.757%2077.7709%2016.4535%2077.7709%2014.1662C77.7709%2011.9036%2079.1728%2010.6985%2082.0503%2010.1328L86.4035%209.272C86.4035%207.42744%2085.5427%206.46827%2083.8949%206.46827C82.3455%206.46827%2081.5093%207.1815%2081.2141%208.50958L77.9923%208.36202C78.5088%205.60747%2080.6239%204.03344%2083.8949%204.03344C87.6332%204.03344%2089.5516%206.00098%2089.5516%209.49335V14.2646C89.5516%2014.9778%2089.7975%2015.1746%2090.2894%2015.1746H90.7075V17.4619C90.5107%2017.511%2089.9942%2017.5602%2089.5761%2017.5602C88.1497%2017.5602%2087.0921%2017.0438%2086.8216%2015.4205C86.1821%2016.8224%2084.5097%2017.757%2082.3455%2017.757ZM82.9849%2015.4697C85.0754%2015.4697%2086.4035%2014.1416%2086.4035%2012.1495V11.4117L83.0095%2012.1003C81.6076%2012.3709%2081.042%2012.9611%2081.042%2013.8711C81.042%2014.9041%2081.7306%2015.4697%2082.9849%2015.4697Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M95.1317%2017.4619C93.1888%2017.4619%2091.9591%2016.5519%2091.9591%2014.363L91.9837%200H95.1317V14.0433C95.1317%2014.7319%2095.4761%2015.027%2096.1155%2015.027H97.0747V17.4619H95.1317Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M104.247%2017.757C100.312%2017.757%2097.8037%2015.0516%2097.8037%2010.8952C97.8037%206.7634%20100.312%204.03344%20104.174%204.03344C107.936%204.03344%20110.42%206.64043%20110.42%2011.0674V11.7806H101.075C101.198%2014.0925%20102.403%2015.2484%20104.272%2015.2484C105.674%2015.2484%20106.633%2014.5843%20107.002%2013.4284L110.224%2013.6252C109.511%2016.183%20107.272%2017.757%20104.247%2017.757ZM107.149%209.66551C107.002%207.52582%20105.846%206.51746%20104.174%206.51746C102.477%206.51746%20101.321%207.62419%20101.075%209.66551H107.149Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M117.403%2017.757C113.517%2017.757%20111.475%2015.9124%20111.279%2013.33L114.5%2013.1825C114.722%2014.5597%20115.583%2015.3468%20117.403%2015.3468C118.878%2015.3468%20119.764%2014.9041%20119.764%2013.8711C119.764%2012.9857%20119.321%2012.5922%20116.886%2012.1741C112.853%2011.4855%20111.598%2010.4033%20111.598%208.16526C111.598%205.73044%20113.517%204.03344%20117.157%204.03344C120.698%204.03344%20122.518%205.9272%20122.887%208.46039L119.69%208.60796C119.468%207.27987%20118.583%206.44367%20117.132%206.44367C115.632%206.44367%20114.869%207.10772%20114.869%208.06689C114.869%209.12444%20115.558%209.54254%20117.55%209.86226C121.682%2010.5017%20123.035%2011.633%20123.035%2013.8219C123.035%2016.3551%20120.747%2017.757%20117.403%2017.757Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M125.008%2021.151V18.7162H126.681C127.541%2018.7162%20127.886%2018.4702%20128.132%2017.8554L128.342%2017.22L122.893%204.32857H126.14L129.572%2013.053L132.583%204.32857H135.854L130.714%2018.8391C130.148%2020.4623%20129.165%2021.151%20127.246%2021.151H125.008Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M137.116%2017.4619V4.32857H139.969L140.043%206.59124C140.732%204.77127%20142.232%204.03344%20143.978%204.03344C146.88%204.03344%20148.454%206.07476%20148.454%209.02606V17.4619H145.306V10.0344C145.306%207.82095%20144.716%206.59124%20143.019%206.59124C141.322%206.59124%20140.264%207.82095%20140.264%2010.0344V17.4619H137.116Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M156.346%2017.757C152.436%2017.757%20149.878%2015.0516%20149.878%2010.8952C149.878%206.7634%20152.436%204.03344%20156.346%204.03344C159.691%204.03344%20162.077%205.85341%20162.47%208.97687L159.224%209.14903C158.978%207.47663%20157.871%206.59124%20156.346%206.59124C154.305%206.59124%20153.149%208.18986%20153.149%2010.8952C153.149%2013.6252%20154.305%2015.1992%20156.346%2015.1992C157.871%2015.1992%20158.978%2014.3138%20159.224%2012.4692L162.47%2012.6168C162.101%2015.7649%20159.74%2017.757%20156.346%2017.757Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M17.6439%2019.1914C8.36735%2018.4285%201.0031%2010.9176%200.470215%201.57764H11.8541C15.0517%201.57764%2017.6439%204.16983%2017.6439%207.36746V19.1914Z%22%20fill%3D%22currentColor%22%20class%3D%22u-text_blue%22%20style%3D%22fill%3A%20rgb(2%2C%20162%2C%20242)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M37.9352%201.57764C37.4024%2010.9174%2030.0383%2018.4283%2020.7619%2019.1914V7.36746C20.7619%204.16983%2023.3541%201.57764%2026.5518%201.57764H37.9352Z%22%20fill%3D%22currentColor%22%20class%3D%22u-text_blue%22%20style%3D%22fill%3A%20rgb(2%2C%20162%2C%20242)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://cdn.prod.website-files.com/6683792e42237a5f054af942/66a1b7ec65c8d94d273e8226_favicon.png - Social card (og:image): https://cdn.prod.website-files.com/6683792e42237a5f054af942/68a7936c224c6e9781e20342_generic-og.png ## UI Components - buttonPrimary: background=#02A2F2, textColor=#FFFFFF, borderColor=#016CA2, borderRadius=8px, shadow=rgba(0, 0, 0, 0.06) 0px 8px 12px 0px, rgba(0, 0, 0, 0.08) 0px 4px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(255, 255, 255, 0.28) 0px 1.5px 1px 0px inset - buttonSecondary: background=#031A26, textColor=#FFFFFF, borderRadius=0px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: tech-savvy professionals ## Whalesync Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Whalesync: Two-Way Sync Your Data in Minutes** - Image: https://cdn.prod.website-files.com/6683792e42237a5f054af942/68a7936c224c6e9781e20342_generic-og.png - Source: https://www.whalesync.com/?b263c975_page=2 - **G2 High Performer! | Whalesync** - Image: https://cdn.prod.website-files.com/669dbbbad2e7490566ff50e6/67623505aa9bf8435cb447fd_G2%20Report%20Website%20Refresh.png - Source: https://www.whalesync.com/blog/g2-high-performer - **Whalesync Landing Page - Modern Web Design Inspiration | Vizzzle** - Image: https://vizzzle.com/wp-content/uploads/2026/02/whalesync-landing-page-20260222-309x371-1.png - Source: https://vizzzle.com/inspirations/whalesync-landing-page/ - **Whalesync Data Integration Feature Section Design | Feature Section Design Design** - Image: https://unsection.b-cdn.net/unsection/Whalesync%20Data%20Integration%20Feature%20Section%20Design.png - Source: https://www.unsection.com/section/whalesync-data-integration-feature-section-design - **Whalesync: Two-Way Sync Your Data in Minutes** - Image: https://cdn.prod.website-files.com/6683792e42237a5f054af942/6705fea1f97515d10c7b4b59_tabs-sync.webp - Source: https://www.whalesync.com/ - **Community Tutorials | Whalesync** - Image: https://cdn.prod.website-files.com/669dbbbad2e7490566ff50e6/68084ef173b6446559e50888_maxresdefault.webp - Source: https://www.whalesync.com/community/tutorials ## 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": "Geist Mono Variable", "role": "monospace" }, { "family": "Geist Variable", "role": "body" } ], "colors": { "primary": "#032232", "secondary": "#031A26", "accent": "#02A2F2", "background": "#FFFFFF", "textPrimary": "#02A2F2", "link": "#02A2F2" }, "typography": { "fontFamilies": { "primary": "Geist Variable", "heading": "Geist Variable" }, "fontStacks": { "heading": [ "Geist Variable", "sans-serif" ], "body": [ "Geist Variable", "sans-serif" ], "paragraph": [ "Geist Variable", "sans-serif" ] }, "fontSizes": { "h1": "64px", "h2": "12px", "body": "12px" } }, "spacing": { "baseUnit": 4, "borderRadius": "0px" }, "components": { "buttonPrimary": { "background": "#02A2F2", "textColor": "#FFFFFF", "borderColor": "#016CA2", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "rgba(0, 0, 0, 0.06) 0px 8px 12px 0px, rgba(0, 0, 0, 0.08) 0px 4px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(255, 255, 255, 0.28) 0px 1.5px 1px 0px inset" }, "buttonSecondary": { "background": "#031A26", "textColor": "#FFFFFF", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20163%2022%22%20fill%3D%22none%22%20class%3D%22logo-full%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M48.0923%2017.4619L44.1572%204.32857H47.3791L49.9123%2013.8957L52.5684%204.32857H55.2984L57.9546%2013.8957L60.5124%204.32857H63.7342L59.7745%2017.4619H56.5281L53.9211%208.65715L51.3387%2017.4619H48.0923Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M64.9852%2017.4619V0H68.1333V6.09935C68.8219%204.69749%2070.2238%204.03344%2071.8716%204.03344C74.7737%204.03344%2076.3231%206.09935%2076.3231%209.02606V17.4619H73.1751V9.78848C73.1751%207.64879%2072.4619%206.59124%2070.937%206.59124C69.2154%206.59124%2068.1333%207.72257%2068.1333%209.86226V17.4619H64.9852Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M82.3455%2017.757C79.5909%2017.757%2077.7709%2016.4535%2077.7709%2014.1662C77.7709%2011.9036%2079.1728%2010.6985%2082.0503%2010.1328L86.4035%209.272C86.4035%207.42744%2085.5427%206.46827%2083.8949%206.46827C82.3455%206.46827%2081.5093%207.1815%2081.2141%208.50958L77.9923%208.36202C78.5088%205.60747%2080.6239%204.03344%2083.8949%204.03344C87.6332%204.03344%2089.5516%206.00098%2089.5516%209.49335V14.2646C89.5516%2014.9778%2089.7975%2015.1746%2090.2894%2015.1746H90.7075V17.4619C90.5107%2017.511%2089.9942%2017.5602%2089.5761%2017.5602C88.1497%2017.5602%2087.0921%2017.0438%2086.8216%2015.4205C86.1821%2016.8224%2084.5097%2017.757%2082.3455%2017.757ZM82.9849%2015.4697C85.0754%2015.4697%2086.4035%2014.1416%2086.4035%2012.1495V11.4117L83.0095%2012.1003C81.6076%2012.3709%2081.042%2012.9611%2081.042%2013.8711C81.042%2014.9041%2081.7306%2015.4697%2082.9849%2015.4697Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M95.1317%2017.4619C93.1888%2017.4619%2091.9591%2016.5519%2091.9591%2014.363L91.9837%200H95.1317V14.0433C95.1317%2014.7319%2095.4761%2015.027%2096.1155%2015.027H97.0747V17.4619H95.1317Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M104.247%2017.757C100.312%2017.757%2097.8037%2015.0516%2097.8037%2010.8952C97.8037%206.7634%20100.312%204.03344%20104.174%204.03344C107.936%204.03344%20110.42%206.64043%20110.42%2011.0674V11.7806H101.075C101.198%2014.0925%20102.403%2015.2484%20104.272%2015.2484C105.674%2015.2484%20106.633%2014.5843%20107.002%2013.4284L110.224%2013.6252C109.511%2016.183%20107.272%2017.757%20104.247%2017.757ZM107.149%209.66551C107.002%207.52582%20105.846%206.51746%20104.174%206.51746C102.477%206.51746%20101.321%207.62419%20101.075%209.66551H107.149Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M117.403%2017.757C113.517%2017.757%20111.475%2015.9124%20111.279%2013.33L114.5%2013.1825C114.722%2014.5597%20115.583%2015.3468%20117.403%2015.3468C118.878%2015.3468%20119.764%2014.9041%20119.764%2013.8711C119.764%2012.9857%20119.321%2012.5922%20116.886%2012.1741C112.853%2011.4855%20111.598%2010.4033%20111.598%208.16526C111.598%205.73044%20113.517%204.03344%20117.157%204.03344C120.698%204.03344%20122.518%205.9272%20122.887%208.46039L119.69%208.60796C119.468%207.27987%20118.583%206.44367%20117.132%206.44367C115.632%206.44367%20114.869%207.10772%20114.869%208.06689C114.869%209.12444%20115.558%209.54254%20117.55%209.86226C121.682%2010.5017%20123.035%2011.633%20123.035%2013.8219C123.035%2016.3551%20120.747%2017.757%20117.403%2017.757Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M125.008%2021.151V18.7162H126.681C127.541%2018.7162%20127.886%2018.4702%20128.132%2017.8554L128.342%2017.22L122.893%204.32857H126.14L129.572%2013.053L132.583%204.32857H135.854L130.714%2018.8391C130.148%2020.4623%20129.165%2021.151%20127.246%2021.151H125.008Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M137.116%2017.4619V4.32857H139.969L140.043%206.59124C140.732%204.77127%20142.232%204.03344%20143.978%204.03344C146.88%204.03344%20148.454%206.07476%20148.454%209.02606V17.4619H145.306V10.0344C145.306%207.82095%20144.716%206.59124%20143.019%206.59124C141.322%206.59124%20140.264%207.82095%20140.264%2010.0344V17.4619H137.116Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M156.346%2017.757C152.436%2017.757%20149.878%2015.0516%20149.878%2010.8952C149.878%206.7634%20152.436%204.03344%20156.346%204.03344C159.691%204.03344%20162.077%205.85341%20162.47%208.97687L159.224%209.14903C158.978%207.47663%20157.871%206.59124%20156.346%206.59124C154.305%206.59124%20153.149%208.18986%20153.149%2010.8952C153.149%2013.6252%20154.305%2015.1992%20156.346%2015.1992C157.871%2015.1992%20158.978%2014.3138%20159.224%2012.4692L162.47%2012.6168C162.101%2015.7649%20159.74%2017.757%20156.346%2017.757Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M17.6439%2019.1914C8.36735%2018.4285%201.0031%2010.9176%200.470215%201.57764H11.8541C15.0517%201.57764%2017.6439%204.16983%2017.6439%207.36746V19.1914Z%22%20fill%3D%22currentColor%22%20class%3D%22u-text_blue%22%20style%3D%22fill%3A%20rgb(2%2C%20162%2C%20242)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M37.9352%201.57764C37.4024%2010.9174%2030.0383%2018.4283%2020.7619%2019.1914V7.36746C20.7619%204.16983%2023.3541%201.57764%2026.5518%201.57764H37.9352Z%22%20fill%3D%22currentColor%22%20class%3D%22u-text_blue%22%20style%3D%22fill%3A%20rgb(2%2C%20162%2C%20242)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://cdn.prod.website-files.com/6683792e42237a5f054af942/66a1b7ec65c8d94d273e8226_favicon.png", "ogImage": "https://cdn.prod.website-files.com/6683792e42237a5f054af942/68a7936c224c6e9781e20342_generic-og.png", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 25, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Whalesync'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Get started free", "reasoning": "Button #1 uses the vibrant brand color #02A2F2 and has action-oriented text 'Get started free', making it the primary CTA." }, "secondary": { "index": 0, "text": "Get started free", "reasoning": "Button #0 has a different background color (#031A26) and offers a similar action-oriented text, making it a suitable secondary CTA." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy 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": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Whalesync'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```