- Accessories
- Accommodation
- Accounting
- Airline
- Analytics
- Auction site
- Bank
- Beauty
- Bike Rental
- Biotechnology
- Books
- CRM
- Call center software
- Cameras
- Car company
- Cards
- Chrome plugin
- Clothing
- Coffee
- Collaboration
- Community
- Contact lenses
- Crowd funding
- Cryptocurrency
- Customer support
- Dating
- Department store
- Design tools
- Developer tools
- Digital printing
- Direct to consumer
- Domain names
- E-commerce
- E-commerce store builder
- Education
- Electronic signatures
- Electronics
- Email Service Provider
- Email marketing
- Entertainment
- Event management
- Fashion
- Finance
- Fitness
- Flight comparisons
- Food
- Food delivery
- Form builder
- Freelancer tools
- Furniture
- Game
- Gaming
- Gifts
- Glasses
- Greetings cards
- Groceries
- Hair
- Health
- Hiring
- Hotel comparison
- Hotels
- Insurance
- Investing
- Jewelry
- Landing page builder
- Language learning
- Lingerie
- Live chat
- Makeup
- Marijuana delivery
- Marketing
- Marketplace
- Mattress company
- Meal delivery kits
- Media
- Messaging
- Music
- NFT
- News
- No-code
- Nonprofit
- Nutrition
- Online courses
- Online-course-platform
- Outdoor store
- Password manager
- Payments
- Personal Finance
- Pharmacy
- Photography
- Podcast Hosting
- Podcasts
- Productivity
- Project management
- Property
- Proposal software
- Real estate
- Ride sharing
- Running
- SEO
- SaaS
- Sales tools
- Scooters
- Shoes
- Skincare
- Social network
- Software
- Sportsware
- Subscription boxes
- Swimwear
- T-shirt Printing
- Talent
- Telco
- Trains
- Transport
- Travel
- Underwear
- VPN
- Video hosting
- Video streaming
- Voucher/Coupon Sites
- Watches
- Web hosting
- Website builder
- Workforce management
- Writing
- & Other Stories
- &Open
- 1&1
- 1Password
- 3dcart
- 6pm
- A.C. Moore
- ANNA by RadLabs
- ASOS
- AT&T
- AVI-8
- AYR
- Abercrombie
- Accessorize
- Ace Hardware
- ActiveCampaign
- Acura
- Acuvue
- Adapt
- Adidas
- Airbnb
- Aircall
- Airtable
- Alaska Air
- All Saints
- Allbirds
- Along
- Amazon
- Ambronite
- American Airlines
- American Apparel
- American Red Cross
- Anchor
- Ann Taylor
- Antidote Street
- Apple
- Armani Exchange
- Armogan
- Asana
- Asphalt Green
- Astley Clarke
- Audemars Piguet
- Auverture
- BBC iPlayer
- BECCA Cosmetics
- Baremetrics
- Barnes and Noble
- Basecamp
- Bath & Body Works
- Beans
- Bearbottom Clothing
- Beaver Brooks
- Ben Sherman
- Bend
- Bespoke Post
- Best Buy
- Big Brothers Big Sisters of America
- Big Cartel
- BigCommerce
- Binance
- Birchbox
- BitClout
- Bite
- Black Opal Beauty
- Blinkist
- Blue Apron
- Bluehost
- Bobbi Brown
- Bonlook
- Bonobos
- Boohoo
- Booking.com
- Boots
- Box
- Bravissimo
- Breaker
- Breitling
- Brightedge
- British Airways
- BrowserStack
- Bubble
- Buffer
- Busuu
- Bynder
- CVS
- Cadillac
- CafePress
- Calendly
- Calm
- Candy Club
- Canny
- Canon
- Canva
- Carbonmade
- Care
- Careem
- Carrd
- Cars.com
- Cartier
- Cash App
- Casper
- Caviar
- Charity Water
- ChartMogul
- Chevrolet
- Chilewich
- Chococurb
- Chubbies
- Circle
- Claire's
- Clarks
- ClassPass
- ClickFunnels
- ClickUp
- Clinique
- Cloudflare
- Clubhouse
- Clue
- Coach
- Coastal
- Coda
- Coinbase
- Common Sense
- Conductor
- ConvertKit
- CopyAI
- Costco
- Coursera
- Cover FX
- Craft
- Craigslist
- Crypto.com
- Cult Furniture
- Customer.io
- DFS
- Daisy Jewellery
- Daniel Wellington
- Debenhams
- Deliveroo
- Delivery.com
- Delivra - The Inbox
- Delta
- Depop
- Deputy
- Descript
- DesignByHümans
- Designer Shoe Warehouse
- Discord
- Disney+
- Djusie
- DocuSign
- Dollar Shave Club
- Domino's
- DonorsChoose
- DoorDash
- Dorelan
- Dorothy Perkins
- Drip
- Dropbox
- Dropbox Paper
- Drops
- Duda
- Duolingo
- Dwell
- EasyJet
- Eaze
- Elevate
- Environmental Defense Fund
- Etsy
- Eurostar
- Eventbrite
- Everlane
- Evernote
- Expensify
- Express Glasses
- Eye Buy Direct
- FabFitFun
- Fabletics
- Facet
- Fancy
- Farm Rio
- Fashion Fair
- Fashion Nova
- Feedly
- Feelunique
- Fenwick
- Figma
- Finimize
- Firebox
- Fitbit
- Fiverr
- Fleur & Bee
- Flipd
- Flodesk
- Fluent
- Flybe
- Foodvisor
- Ford
- Forest
- Forest Nation
- Forever 21
- Fort Myers
- Fortnum & Mason
- Fossil
- Framebridge
- Framer
- FreeCodeCamp
- Freedom Japanese Market
- Freetrade
- Front
- Ftsny
- Fullstory
- Furniture Village
- Fyrn
- GMC
- GameStop
- Gap
- GatherContent
- Ghost
- Ghost Bed
- GitHub
- Glasses USA
- Glo
- Glossybox
- Go-Jek
- GoDaddy
- Goat
- Gobble
- Goggles4u
- Goldsmiths
- Gorillas
- Gousto
- Grab
- Graham and Green
- Grammarly
- Graze
- Greats
- Green Chef
- GreenRush
- Groupon
- Grubhub
- Guess
- Gumroad
- Gymshark
- Gyroscope
- H&M
- H.Samuel
- HVMN
- Habitat
- Harrods
- Harry's
- Harvey Nichols
- Hastens
- HauteLook
- Headspace
- Height
- Helix
- HelloFresh
- Help Scout
- Help for Heroes
- Hey
- Hipmunk
- Hobby Lobby
- Home Depot
- HomeGoods
- Honda
- Honest
- Honey
- HostGator
- HotelTonight
- Hotjar
- House Curious
- House of Fraser
- Houzz
- HubSpot
- HubSpot CRM
- Huel
- Hulu
- Hungry House
- Hutch
- InMotion Hosting
- InVision
- Infoempleo
- Infojobs
- Instacart
- Interact
- Intercom
- Ipsy
- J.Crew
- JCPenney
- Jaguar
- Jessops
- Jet2
- JetBlue
- Jira
- Job Today
- Jump Bikes
- Just Eat
- Kay
- Khan Academy
- Klarna
- LTHR Supply
- Lancôme
- Landbot
- Lane Bryant
- Launchaco
- Leadpages
- Leesa
- Lemonade
- Lexus
- Liberty London
- Lifesum
- Lime
- Linear
- Linjer
- Linktree
- Litmus
- Loaf
- London Virgin Hair
- Lookfantastic
- Loom
- Loot Crate
- Lowes
- Lululemon
- Luma
- Lyft
- MAC Cosmetics
- MDMflow
- MVMT
- Mack Weldon
- Macy's
- Made
- Magento
- Mailchimp
- MapMyGut
- Marley Spoon
- MasterClass
- Mayvenn
- MeUndies
- Meadow
- Medium
- Memrise
- Menards
- Mercari
- Mercedes-Benz
- MetaMask
- Michaels
- Microsoft Teams
- Mini
- Miro
- Miss Selfridge
- Missguided
- Misto Box
- Mitsubishi cars
- Mixpanel
- Monday
- Moneybox
- Mont Blanc
- Monzo
- Moo
- Moonpig
- Morning Brew
- Morning Recovery
- Muttonhead
- My First Wig
- MyFitnessPal
- N26
- Nars Cosmetics
- NerdWallet
- Nest Furniture
- Netflix
- New Look
- Newegg
- Nicely Noted
- Nike
- No Mercy / No Malice
- Nomatic
- Noom
- Nordstrom
- Nordstrom Rack
- Notion
- Notonthehighstreet
- Now TV
- Nugg
- Ocado
- OfferUp
- Officevibe
- Old Navy
- Omega
- OpenSea
- OpenTable
- Otiumberg
- Outdoor Voices
- Overstock
- Ozone Socks
- PandaDoc
- Pandora
- Patreon
- Paula's Choice Skincare
- PayPal
- Peloton
- Picniic
- Pier 1
- Pipedrive
- Pitch
- Pizza Express
- Plated
- Plum
- Pluralsight
- Podia
- Poshmark
- Postmates
- Pottery Barn
- PrettyLittleThing
- Primark
- Process Street
- Puma
- Purple
- QVC
- Quibi
- QuickBooks
- Quill
- Quizlet
- Quora
- REI
- Racket
- RallyUp
- Raymond Weil
- Redbubble
- Reflectly
- Replit
- Retool
- Revolut
- Rezi
- Ripcurl
- Road Scholar
- Robinhood
- Runkeeper
- SNKRS by Nike
- Sally Beauty
- SavvyCal
- Scentbird
- Scribd
- Seamless
- Search Metrics
- Selfridges
- Sephora
- ServiceNow
- Shop.com
- Shopify
- Shpock
- Shudder
- Shwood and Stanley
- Simba
- Skillshare
- Skyscanner
- Slack
- Slite
- Smiley Movement
- Snapchat
- Society6
- Sock Fancy
- SoloLearn
- SoundCloud
- Southwest
- Soylent
- SpeedWeed
- Spotify
- Spreadshirt
- Square
- Squarespace
- Squarespace Scheduling
- Staples
- Starbucks
- Steam
- Stitch Fix
- Stone Forest
- Strava
- Strikingly
- Stripe
- Substack
- SumUp
- Sun Basket
- Sunsama
- Superdrug
- SurveyMonkey
- Swarovski
- Sweatcoin
- Swoon
- TRNK
- Tag Heuer
- Tally
- Target
- Taste Trunk
- Teachable
- Teachlr
- Techcrunch
- Ted Baker
- TeePublic
- Tempur
- Tempur-Pedic
- Tesla
- The Hustle
- The Jewel Hut
- The New York Times
- The Ordinary
- The White Company
- Thinx
- Threadless
- Thryve
- Tidal
- Tide.fm
- Tiffany & Co
- TikTok
- Tinder
- Todoist
- Tommy John
- Topshop
- TouchNote
- Trainline
- TransferWise
- Trello
- Triibe
- TripAdvisor
- Trivago
- Trustpilot
- Tuft & Needle
- Tunnel to Towers
- TunnelBear
- Twitch
- Typeform
- UNIQLO
- Uber
- Uber Eats
- Udacity
- Udemy
- Ulta
- Unbounce
- UncommonGoods
- United
- Universe
- Upwork
- Urban Outfitters
- VSCO
- Vessi
- Victoria's Secret
- Vimeo
- Vinted
- Viome
- Virgin Atlantic
- Vistaprint
- Voog
- Vueling
- WE
- WW (Weight Watchers)
- WalMart
- Walgreens
- Wallapop
- Wallshoppe
- Warby Parker
- Watch Shop
- Watch Station
- Watches.com
- Wattpad
- Wayfair
- Waze
- Wealthsimple
- Webflow
- Weebly
- West Elm
- Whimsical
- Williams Sonoma
- Winc
- Wise
- Wistia
- Wix
- WooCommerce
- WordPress
- World Market
- Wowcher
- YNAB
- YouTube
- YouTube Music
- Zales
- Zapier
- Zara
- Zazzle
- Zendesk
- Zero
- Zoe & Morgan
- Zoopla
- Zulily
- eBay
- eToro
- uBiome
Help Scout Trial user
Subscribed 4 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>
New knowledge base resources, new Views, new business model
</title>
<meta content="New knowledge base resources, new Views, new business model" property="og:title"/>
<meta content="New knowledge base resources, new Views, new business model" name="twitter:title"/>
<meta name="x-apple-disable-message-reformatting"/>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
<w:WordDocument xmlns:w="urn:schemas-microsoft-com:office:word">
<w:DontUseAdvancedTypographyReadingMail/>
</w:WordDocument>
</xml>
<style>
ul > li {
text-indent: -1em;
}
</style>
<![endif]-->
<!--[if mso]>
<style type="text/css">
body, td {font-family: Arial, Helvetica, sans-serif;}
.hse-body-wrapper-table {background-color: #ffffff;}
</style>
<![endif]-->
<!--[if mso | IE]>
<style type="text/css">
.hse-column-container { border: none !important; padding: 0 !important; }
</style>
<![endif]-->
<meta content="HubSpot" name="generator"/>
<meta content="https://email.helpscout.com/kb-views-and-business-shifts" property="og:url"/>
<meta content="noindex,follow" name="robots"/>
<!--[if !((mso)|(IE))]><!-- -->
<style type="text/css">
@media only screen and (max-width:639px){img.stretch-on-mobile,.hs_rss_email_entries_table img,.hs-stretch-cta .hs-cta-img{height:auto !important;width:100% !important}
.display_block_on_small_screens{display:block}.hs_padded{padding-left:20px !important;padding-right:20px !important}
.hs-hm,table.hs-hm{display:none}.hs-hd{display:block !important}table.hs-hd{display:table !important}
}@media only screen and (max-width:639px){.hse-border-m{border-left:1px solid #f1f3f5 !important;border-right:1px solid #f1f3f5 !important;box-sizing:border-box}
.hse-border-bottom-m{border-bottom:1px solid #f1f3f5 !important}.hse-border-top-m{border-top:1px solid #f1f3f5 !important}
.hse-border-top-hm{border-top:none !important}.hse-border-bottom-hm{border-bottom:none !important}
}@media only screen and (max-width:639px){ #section-0 .hse-column-container{padding-top:0px !important;padding-bottom:0px !important;background-color:transparent !important}
#section-0{background-color:#fff !important} }
</style>
<!--<![endif]-->
<style type="text/css">
#hs_body #hs_cos_wrapper_main a[x-apple-data-detectors]{color:inherit !important;text-decoration:none !important;font-size:inherit !important;font-family:inherit !important;font-weight:inherit !important;line-height:inherit !important}
a{text-decoration:underline}p{margin:0}body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;moz-osx-font-smoothing:grayscale}
table{border-spacing:0;mso-table-lspace:0;mso-table-rspace:0}table,td{border-collapse:collapse}
img{-ms-interpolation-mode:bicubic}p,a,li,td,blockquote{mso-line-height-rule:exactly}
</style>
</head>
<body bgcolor="#ffffff" id="hs_body" style="margin:0 !important; padding:0 !important; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
<div id="preview_text" lang="en" style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
This one's jam-packed! Here's your juicy dose of fresh content and feature updates, brought to you by the customer experts at Help Scout.
</div>
<!--[if gte mso 9]>
<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
<v:fill type="tile" size="100%,100%" color="#ffffff"/>
</v:background>
<![endif]-->
<div bgcolor="#ffffff" class="hse-body-background" lang="en" style="background-color:#ffffff">
<table cellpadding="0" cellspacing="0" class="hse-body-wrapper-table" height="100%" role="presentation" style="margin:0; padding:0; width:100% !important; min-width:320px !important; height:100% !important" width="100%">
<tbody>
<tr>
<td class="hse-body-wrapper-td" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word" valign="top">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_dnd_area" data-hs-cos-general-type="widget" data-hs-cos-type="dnd_area" id="hs_cos_wrapper_main" style="color: inherit; font-size: inherit; line-height: inherit;">
<div bgcolor="#ffffff" class="hse-section hse-section-full-width" id="section-0" style="padding-left:0px; padding-right:0px; background-color:#ffffff">
<!--[if gte mso 9]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%" bgcolor="#ffffff"><tbody><tr><td valign="top"><![endif]-->
<div class="hse-column-container" style="min-width:280px; max-width:100%; Margin-left:0; Margin-right:0">
<!--[if (mso)|(IE)]>
<table align="center" style="width:100%;" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<![endif]-->
<!--[if (mso)|(IE)]>
<td valign="top" style="width:100%;">
<![endif]-->
<!--[if gte mso 9]>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="width:100%">
<![endif]-->
<div class="hse-column" id="column-0-0">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-0" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Header Module -->
<!-- Notes: -->
<!--
- Logo images have a "glow" effect behind them and custome sizing as a result
- Sits inside of a 600px container area with 10px of horizontal padding
- Note that even with a background of "none" we force a white background
-->
<!-- 30px of space above header -->
<div class="spacer" style="line-height:30px; height:30px; mso-line-height-rule: exactly; width: 100%;">
</div>
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100%; max-width: 600px; border-collapse: collapse;
background: url('https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhubfs%252Fffffff.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDYyNzA1fQ:1uREu2:JR8-5n7A1hGseYw8Z9XBFhLda1t_WYq3b38FW55qNt4') repeat !important;
background-color: #ffffff !important;
">
<tbody>
<tr>
<!--Logo and background image -->
<td align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:center; padding:10px 0px">
<img alt="FullLogo-White" height="96" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FFullLogo-White.png%253Fwidth%253D1012%2526height%253D392%2526upscale%253Dtrue%2526name%253DFullLogo-White.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDc5NTg3Mn0:1uREu2:M6HDdiEqDJQPBISKKKoHUgsdVBmOvAyx1Fqu633Dpgg" style="outline:none; text-decoration:none; height:96px; width:auto" width="auto"/>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
</div>
<table cellpadding="0" cellspacing="0" class="" role="presentation" style="" width="100%">
<tbody>
<tr>
<td class="hs_padded" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:10px 20px 0px">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-1" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Text Module -->
<!-- Notes: -->
<!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important;
text-decoration: none !important;
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module-0-0-1_" style="color: inherit; font-size: inherit; line-height: inherit;">
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
Plenty to unpack and lots to learn in this week's roundup. We're sharing THE most comprehensive guide to creating a stellar knowledge base for your customers, another update to Views in Help Scout, plus a deep dive into how (and why) we recently transformed our entire business model.
</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
Whew! No time to waste, go ahead and get into it:
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-richtext-wrapper p {margin-bottom: 18px !important; }
.hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
.hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
.hs-richtext-wrapper h1 {line-height: 1.2 !important; font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper h2 {line-height: 1.3 !important; font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
.hs-richtext-wrapper h1 em { font-weight: 500 !important; }
.hs-richtext-wrapper h1 a { color: #131B24 !important; }
.hs-richtext-wrapper h2 em { font-weight: 500 !important; }
.hs-richtext-wrapper h2 a { color: #131B24 !important; }
@media all and (max-width: 479px) {
.hs-richtext-wrapper {
padding: 0px 25px 12px 25px !important;
}
}
@media all and (min-width: 480px) {
.hs-richtext-wrapper {
padding: 0px 50px 12px 50px !important;
}
}
</style>
</div>
</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" class="" role="presentation" style="" width="100%">
<tbody>
<tr>
<td class="hs_padded" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 20px 10px">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458464163356" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Text Module -->
<!-- Notes: -->
<!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important;
text-decoration: none !important;
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_17458464163356_" style="color: inherit; font-size: inherit; line-height: inherit;">
<h2 style="margin:0; mso-line-height-rule:exactly; line-height:1.3 !important; font-size:24px !important; margin-top:30px; margin-bottom:15px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#131b24 !important; font-style:normal; font-weight:normal">
Fresh content: Knowledge is power
</h2>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-richtext-wrapper p {margin-bottom: 18px !important; }
.hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
.hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
.hs-richtext-wrapper h1 {line-height: 1.2 !important; font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper h2 {line-height: 1.3 !important; font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
.hs-richtext-wrapper h1 em { font-weight: 500 !important; }
.hs-richtext-wrapper h1 a { color: #131B24 !important; }
.hs-richtext-wrapper h2 em { font-weight: 500 !important; }
.hs-richtext-wrapper h2 a { color: #131B24 !important; }
@media all and (max-width: 479px) {
.hs-richtext-wrapper {
padding: 0px 25px 12px 25px !important;
}
}
@media all and (min-width: 480px) {
.hs-richtext-wrapper {
padding: 0px 50px 12px 50px !important;
}
}
</style>
</div>
</td>
</tr>
</tbody>
</table>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458463770445" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Banner Image -->
<!-- Notes: -->
<!--
- Banner image is 600 x 338 in dimensions
- Decided against a border radius in image due to conflicts in dark mode
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px 30px 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse; border-radius: 6px; overflow: hidden;
">
<tbody>
<tr>
<td align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:center; width:100%" width="100%">
<!-- Featured Image -->
<!-- Conditionally insert link around image -->
<a data-hs-link-id="0" data-hs-link-id-v2="Obyy2adX" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
<img alt="Knowledge Base Maintenance" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FKnowledge%2520Base%2520Maintenance_%2520%25E2%2580%25A8A%2520Practical%2520Framework.jpg.jpeg%253Fwidth%253D1200%2526height%253D676%2526upscale%253Dtrue%2526name%253DKnowledge%2520Base%2520Maintenance_%2520%25E2%2580%25A8A%2520Practical%2520Framework.jpg.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgwMDk3NH0:1uREu2:UK4cLw11H0x3ehbeA2CBOQ4K049-ZWKCls85GpAn8No" style="outline:none; text-decoration:none; border:none; width:100%; height:auto; display:block" width="600"/>
<!-- Conditionally close link tag -->
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458464279247" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Text Module -->
<!-- Notes: -->
<!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important;
text-decoration: none !important;
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_17458464279247_" style="color: inherit; font-size: inherit; line-height: inherit;">
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
Not only does a well-written and accessible knowledge base improve customer experience (and retention!), it also lightens the burden on your customer support team.
</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
That’s why it should be the cornerstone of
<em>
any
</em>
support team’s self-service strategy — and why we collected
<em>
all
</em>
the most helpful advice we’ve written about creating effective knowledge bases and put it into one handy guide:
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-richtext-wrapper p {margin-bottom: 18px !important; }
.hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
.hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
.hs-richtext-wrapper h1 {line-height: 1.2 !important; font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper h2 {line-height: 1.3 !important; font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
.hs-richtext-wrapper h1 em { font-weight: 500 !important; }
.hs-richtext-wrapper h1 a { color: #131B24 !important; }
.hs-richtext-wrapper h2 em { font-weight: 500 !important; }
.hs-richtext-wrapper h2 a { color: #131B24 !important; }
@media all and (max-width: 479px) {
.hs-richtext-wrapper {
padding: 0px 25px 12px 25px !important;
}
}
@media all and (min-width: 480px) {
.hs-richtext-wrapper {
padding: 0px 50px 12px 50px !important;
}
}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584683244713" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - CTA Buttons -->
<!-- Notes: -->
<!--
Hubspot If/ElseIf statements are used to conditionally render two different layouts
for the buttons and two different alignments.
- Button padding is padding: 17px 30px;
- There is 36px of spacing between the buttons when both are visible.
- In Outlook if there are two buttons they stack.
- Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 600px; width: 100%; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-buttons-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 35px 12px 35px">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td align="left" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:left">
<!-- CTA Button 1 -->
<!--Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook -->
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.helpscout.com/playlists/knowledge-base/" style="height:50px;v-text-anchor:middle;width:200px;color:#ffffff !important;text-decoration:none;" arcsize="10%" stroke="f" fillcolor="#304DDB">
<w:anchorlock/>
<center>
<![endif]-->
<a bgcolor="#304DDB" class="hs-primary-button" data-hs-link-id="1" data-hs-link-id-v2="HtL7RusM" rel="noopener" style="display:inline-block; padding:17px 30px; margin-bottom:18px; background-color:#304DDB; border-radius:4px; color:#ffffff !important; transition:all 0.2s ease-in; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:18px; line-height:1; text-decoration:none !important" target="_blank">
<span style="color: #ffffff !important;">
<font color="#ffffff">
Check it out
</font>
</span>
</a>
<!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-primary-button:hover, .hs-primary-button:active {
background-color: #263AAD !important;
}
.hs-secondary-button:hover, .hs-secondary-button:active {
color: #263AAD !important;
}
/* Increase the horizontal padding in the mobile view above 480px */
@media all and (max-width: 479px) {
.hs-buttons-wrapper {padding: 0px 25px 12px 25px !important;}
}
@media all and (min-width: 480px) {
.hs-buttons-wrapper {padding: 0px 50px 12px 50px !important;}
}
@media (prefers-color-scheme: dark ) {
.hs-primary-button {
color: #ffffff !important;
}
}
[data-ogsc] .hs-primary-button {color: #ffffff !important;}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458464363058" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Text Module -->
<!-- Notes: -->
<!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important;
text-decoration: none !important;
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_17458464363058_" style="color: inherit; font-size: inherit; line-height: inherit;">
<h2 style="margin:0; mso-line-height-rule:exactly; line-height:1.3 !important; font-size:24px !important; margin-top:30px; margin-bottom:15px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#131b24 !important; font-style:normal; font-weight:normal">
Feature update: Keep an eye on VIPs
</h2>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-richtext-wrapper p {margin-bottom: 18px !important; }
.hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
.hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
.hs-richtext-wrapper h1 {line-height: 1.2 !important; font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper h2 {line-height: 1.3 !important; font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
.hs-richtext-wrapper h1 em { font-weight: 500 !important; }
.hs-richtext-wrapper h1 a { color: #131B24 !important; }
.hs-richtext-wrapper h2 em { font-weight: 500 !important; }
.hs-richtext-wrapper h2 a { color: #131B24 !important; }
@media all and (max-width: 479px) {
.hs-richtext-wrapper {
padding: 0px 25px 12px 25px !important;
}
}
@media all and (min-width: 480px) {
.hs-richtext-wrapper {
padding: 0px 50px 12px 50px !important;
}
}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458464406389" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Banner Image -->
<!-- Notes: -->
<!--
- Banner image is 600 x 338 in dimensions
- Decided against a border radius in image due to conflicts in dark mode
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px 30px 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse; border-radius: 6px; overflow: hidden;
">
<tbody>
<tr>
<td align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:center; width:100%" width="100%">
<!-- Featured Image -->
<!-- Conditionally insert link around image -->
<a data-hs-link-id="0" data-hs-link-id-v2="jgv8hAL1" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
<img alt="company_filters-1" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fcompany_filters-1.png%253Fwidth%253D1200%2526height%253D676%2526upscale%253Dtrue%2526name%253Dcompany_filters-1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgwMjU3fQ:1uREu2:1cNyGBC1VfPopOd4pMdtMH1WygmbrvyMgzCslrDRHrw" style="outline:none; text-decoration:none; border:none; width:100%; height:auto; display:block" width="600"/>
<!-- Conditionally close link tag -->
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584701122715" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Text Module -->
<!-- Notes: -->
<!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important;
text-decoration: none !important;
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_174584701122715_" style="color: inherit; font-size: inherit; line-height: inherit;">
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
Need to stay even more in tune with specific customers? Users on Help Scout Plus and Pro plans now have a new
<strong>
company filter
</strong>
in
<a data-hs-link-id="1" data-hs-link-id-v2="NlMi5Om7" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
Views
</a>
— use it to quickly surface conversations with important accounts or segments. Simply create or edit a View to try it out!
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-richtext-wrapper p {margin-bottom: 18px !important; }
.hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
.hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
.hs-richtext-wrapper h1 {line-height: 1.2 !important; font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper h2 {line-height: 1.3 !important; font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
.hs-richtext-wrapper h1 em { font-weight: 500 !important; }
.hs-richtext-wrapper h1 a { color: #131B24 !important; }
.hs-richtext-wrapper h2 em { font-weight: 500 !important; }
.hs-richtext-wrapper h2 a { color: #131B24 !important; }
@media all and (max-width: 479px) {
.hs-richtext-wrapper {
padding: 0px 25px 12px 25px !important;
}
}
@media all and (min-width: 480px) {
.hs-richtext-wrapper {
padding: 0px 50px 12px 50px !important;
}
}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584713994016" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - CTA Buttons -->
<!-- Notes: -->
<!--
Hubspot If/ElseIf statements are used to conditionally render two different layouts
for the buttons and two different alignments.
- Button padding is padding: 17px 30px;
- There is 36px of spacing between the buttons when both are visible.
- In Outlook if there are two buttons they stack.
- Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 600px; width: 100%; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-buttons-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 35px 12px 35px">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td align="left" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:left">
<!-- CTA Button 1 -->
<!--Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook -->
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://docs.helpscout.com/article/1578-create-and-manage-views" style="height:50px;v-text-anchor:middle;width:200px;color:#ffffff !important;text-decoration:none;" arcsize="10%" stroke="f" fillcolor="#304DDB">
<w:anchorlock/>
<center>
<![endif]-->
<a bgcolor="#304DDB" class="hs-primary-button" data-hs-link-id="2" data-hs-link-id-v2="iB99q2qi" rel="noopener" style="display:inline-block; padding:17px 30px; margin-bottom:18px; background-color:#304DDB; border-radius:4px; color:#ffffff !important; transition:all 0.2s ease-in; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:18px; line-height:1; text-decoration:none !important" target="_blank">
<span style="color: #ffffff !important;">
<font color="#ffffff">
More about Views
</font>
</span>
</a>
<!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-primary-button:hover, .hs-primary-button:active {
background-color: #263AAD !important;
}
.hs-secondary-button:hover, .hs-secondary-button:active {
color: #263AAD !important;
}
/* Increase the horizontal padding in the mobile view above 480px */
@media all and (max-width: 479px) {
.hs-buttons-wrapper {padding: 0px 25px 12px 25px !important;}
}
@media all and (min-width: 480px) {
.hs-buttons-wrapper {padding: 0px 50px 12px 50px !important;}
}
@media (prefers-color-scheme: dark ) {
.hs-primary-button {
color: #ffffff !important;
}
}
[data-ogsc] .hs-primary-button {color: #ffffff !important;}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584719725619" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Text Module -->
<!-- Notes: -->
<!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important;
text-decoration: none !important;
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_174584719725619_" style="color: inherit; font-size: inherit; line-height: inherit;">
<h2 style="margin:0; mso-line-height-rule:exactly; line-height:1.3 !important; font-size:24px !important; margin-top:30px; margin-bottom:15px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#131b24 !important; font-style:normal; font-weight:normal">
Wildcard: Behind the scenes of a massive business shift for Help Scout
</h2>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-richtext-wrapper p {margin-bottom: 18px !important; }
.hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
.hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
.hs-richtext-wrapper h1 {line-height: 1.2 !important; font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper h2 {line-height: 1.3 !important; font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
.hs-richtext-wrapper h1 em { font-weight: 500 !important; }
.hs-richtext-wrapper h1 a { color: #131B24 !important; }
.hs-richtext-wrapper h2 em { font-weight: 500 !important; }
.hs-richtext-wrapper h2 a { color: #131B24 !important; }
@media all and (max-width: 479px) {
.hs-richtext-wrapper {
padding: 0px 25px 12px 25px !important;
}
}
@media all and (min-width: 480px) {
.hs-richtext-wrapper {
padding: 0px 50px 12px 50px !important;
}
}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458898005071" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Banner Image -->
<!-- Notes: -->
<!--
- Banner image is 600 x 338 in dimensions
- Decided against a border radius in image due to conflicts in dark mode
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px 30px 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse; border-radius: 6px; overflow: hidden;
">
<tbody>
<tr>
<td align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:center; width:100%" width="100%">
<!-- Featured Image -->
<!-- Conditionally insert link around image -->
<a data-hs-link-id="0" data-hs-link-id-v2="X1LZWghP" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
<img alt="The Bigger Narrative with Andy Raskin" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fandy_cover.png%253Fwidth%253D1200%2526height%253D676%2526upscale%253Dtrue%2526name%253Dandy_cover.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgwMzcwN30:1uREu2:_2hKr8Ehv3n6sqX-rhP8C2Z20mA8dQ4YaJEW2JqWtdU" style="outline:none; text-decoration:none; border:none; width:100%; height:auto; display:block" width="600"/>
<!-- Conditionally close link tag -->
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584718638218" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Text Module -->
<!-- Notes: -->
<!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important;
text-decoration: none !important;
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_174584718638218_" style="color: inherit; font-size: inherit; line-height: inherit;">
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
As you might know, Help Scout
<a data-hs-link-id="0" data-hs-link-id-v2="h1EgboAj" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
recently made the decision
</a>
to change up our entire business model (NBD 😅). Our CEO & co-founder Nick will be
<a data-hs-link-id="0" data-hs-link-id-v2="NpvZGWtr" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
the first to tell you
</a>
: This wasn’t a pivot in disguise.
</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
“It was a return to the core belief that
<strong>
great customer support is great for business
</strong>
, and it deserves software that reflects that.”
</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
In a conversation with seasoned strategic narrative consultant Andy Raskin, Nick digs into how we got here — why we made the change, the emotional weight of the decision, and the process we went through internally before sharing a new story externally. If you’re navigating a big change, or you’re curious about how we approached ours, this interview is worth a listen.
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-richtext-wrapper p {margin-bottom: 18px !important; }
.hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
.hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
.hs-richtext-wrapper h1 {line-height: 1.2 !important; font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper h2 {line-height: 1.3 !important; font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
.hs-richtext-wrapper h1 em { font-weight: 500 !important; }
.hs-richtext-wrapper h1 a { color: #131B24 !important; }
.hs-richtext-wrapper h2 em { font-weight: 500 !important; }
.hs-richtext-wrapper h2 a { color: #131B24 !important; }
@media all and (max-width: 479px) {
.hs-richtext-wrapper {
padding: 0px 25px 12px 25px !important;
}
}
@media all and (min-width: 480px) {
.hs-richtext-wrapper {
padding: 0px 50px 12px 50px !important;
}
}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17462173410761" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - CTA Buttons -->
<!-- Notes: -->
<!--
Hubspot If/ElseIf statements are used to conditionally render two different layouts
for the buttons and two different alignments.
- Button padding is padding: 17px 30px;
- There is 36px of spacing between the buttons when both are visible.
- In Outlook if there are two buttons they stack.
- Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 600px; width: 100%; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-buttons-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 35px 12px 35px">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td align="left" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:left">
<!-- CTA Button 1 -->
<!--Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook -->
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://andyraskin.com/podcast/help-scout-ceo-nick-francis/" style="height:50px;v-text-anchor:middle;width:200px;color:#ffffff !important;text-decoration:none;" arcsize="10%" stroke="f" fillcolor="#304DDB">
<w:anchorlock/>
<center>
<![endif]-->
<a bgcolor="#304DDB" class="hs-primary-button" data-hs-link-id="1" data-hs-link-id-v2="H1++REpi" rel="noopener" style="display:inline-block; padding:17px 30px; margin-bottom:18px; background-color:#304DDB; border-radius:4px; color:#ffffff !important; transition:all 0.2s ease-in; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:18px; line-height:1; text-decoration:none !important" target="_blank">
<span style="color: #ffffff !important;">
<font color="#ffffff">
Hear the full story
</font>
</span>
</a>
<!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-primary-button:hover, .hs-primary-button:active {
background-color: #263AAD !important;
}
.hs-secondary-button:hover, .hs-secondary-button:active {
color: #263AAD !important;
}
/* Increase the horizontal padding in the mobile view above 480px */
@media all and (max-width: 479px) {
.hs-buttons-wrapper {padding: 0px 25px 12px 25px !important;}
}
@media all and (min-width: 480px) {
.hs-buttons-wrapper {padding: 0px 50px 12px 50px !important;}
}
@media (prefers-color-scheme: dark ) {
.hs-primary-button {
color: #ffffff !important;
}
}
[data-ogsc] .hs-primary-button {color: #ffffff !important;}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584761461824" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Text Module -->
<!-- Notes: -->
<!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important;
text-decoration: none !important;
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_174584761461824_" style="color: inherit; font-size: inherit; line-height: inherit;">
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
See you back here next week,
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
.hs-richtext-wrapper p {margin-bottom: 18px !important; }
.hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
.hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
.hs-richtext-wrapper h1 {line-height: 1.2 !important; font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper h2 {line-height: 1.3 !important; font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
.hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
.hs-richtext-wrapper h1 em { font-weight: 500 !important; }
.hs-richtext-wrapper h1 a { color: #131B24 !important; }
.hs-richtext-wrapper h2 em { font-weight: 500 !important; }
.hs-richtext-wrapper h2 a { color: #131B24 !important; }
@media all and (max-width: 479px) {
.hs-richtext-wrapper {
padding: 0px 25px 12px 25px !important;
}
}
@media all and (min-width: 480px) {
.hs-richtext-wrapper {
padding: 0px 50px 12px 50px !important;
}
}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584752103923" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Signature Module -->
<!-- Uses https://www.goodemailcode.com/email-enhancements/faux-absolute-position -->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 600px; width: 100%; border-collapse: collapse;
">
<tbody>
<tr>
<td class="hs-signature-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 50px 30px 50px">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;
">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
<!-- Signature image 1 75px x 75px -->
<img alt="hillary-noble" height="75" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FEmail%2520Images%252FAvatars%252Fhillary-noble-2.png%253Fwidth%253D300%2526upscale%253Dtrue%2526name%253Dhillary-noble-2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgwNDg5Mn0:1uREu2:xiGXBkbgZFmbp4nn7UDslA0ac4j00AnmNQ7M5Ls3-kA" style="outline:none; text-decoration:none; height:75px; width:auto" width="auto"/>
</td>
<!-- If statement for conditional second image -->
<td style="word-break:break-word; width:100%; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:16px; color:#292F33; vertical-align:middle; line-height:1.4; padding-left:12px" valign="middle" width="100%">
Hillary Noble
<br/>
<span style="color: #405261; font-size: 15px; font-style: italic; font-weight: 400;">
Director of Content, Help Scout
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
<style type="text/css">
/* Increase the horizontal padding in the mobile view above 480px */
@media all and (max-width: 479px) {
.hs-signature-script-wrapper {padding: 0px 25px 30px 25px !important;}
}
@media all and (min-width: 480px) {
.hs-signature-script-wrapper {padding: 0px 50px 30px 50px !important;}
}
</style>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458722981141" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - 30px Spacer Module -->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
<div class="spacer" style="line-height:30px; height:30px; mso-line-height-rule: exactly; width: 100%;">
</div>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17481010376291" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - 30px Spacer Module -->
<!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
<div class="spacer" style="line-height:30px; height:30px; mso-line-height-rule: exactly; width: 100%;">
</div>
</td>
</tr>
</tbody>
</table>
<!--[if true]>
</td></tr></table>
<![endif]-->
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-5" style="color: inherit; font-size: inherit; line-height: inherit;">
<!--Help Scout - Footer Module -->
<!-- Notes: -->
<!--
Multiple tables are used to control the responsive layout. With custom media queries for
some limited changes in dark mode where it is supported.
See https://css-tricks.com/ideas-behind-responsive-emails/
-->
<!--1st table is a container table giving the full width background color primarily -->
<table align="center" border="0" cellpadding="0" cellspacing="0" class="hs-footer-container" role="presentation" style="background-color: #FFFFFF; width: 100%; border-collapse: collapse;" width="100%">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 15px 10px 15px; width:100%" width="100%">
<!-- Container table which primarily gives us the 500px container width -->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 500px; width: 100%; border-collapse: collapse;" width="100%">
<tbody>
<tr>
<td class="hs-footer-logo-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; padding-bottom:20px" width="100%">
<!-- In The Works Logo, 162px x 43px not in its own table as not responsive -->
<a data-hs-link-id="0" data-hs-link-id-v2="/ZepYRJ0" style="color:#304ddb; text-decoration:none !important" target="_blank">
<img alt="mark" height="30" loading="" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fmark.png%253Fheight%253D240%2526upscale%253Dtrue%2526name%253Dmark.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgwNTkxNH0:1uREu2:Yy7uophQIdB92eKdt3xSlid47wWya-6HNTzF0fExU4Y" style="outline:none; text-decoration:none; border:none; width:auto; height:30px" width="auto"/>
</a>
</td>
</tr>
<tr>
<td class="hs-footer-address-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; border-bottom:1px solid #F1F3F5" width="100%">
<!-- Two tables here to manage the address area and social media graphics -->
<!-- Table one has the address, unsubscribe and view as webpage links -->
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 76.2%; min-width: 300px; border-collapse: collapse;">
<tbody>
<tr>
<td class="hs-footer-address" style="word-break:break-word; padding-bottom:30px; color:#314351; font-size:13px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6">
68 Harrison Ave Ste 605
<br/>
PMB 78505 • Boston, MA 02111
<br/>
<a data-hs-link-id="0" data-hs-link-id-v2="UgG+Ncnp" data-viewaswebpage="true" style="color:#314351 !important; text-decoration:underline !important" target="_blank">
view in your web browser
</a>
|
<a data-hs-link-id="0" data-hs-link-id-v2="qjPJqCop" data-unsubscribe="true" style="color:#314351 !important; text-decoration:underline !important" target="_blank">
unsubscribe
</a>
</td>
</tr>
</tbody>
</table>
<!-- Table two has the Social Media Logos -->
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="min-width: 131px; width: 23.8%; border-collapse: collapse;">
<tbody>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px; padding-right:15px">
<!-- Twitter logo-->
<a data-hs-link-id="0" data-hs-link-id-v2="x+Gd4KBL" style="color:#304ddb; text-decoration:none !important" target="_blank">
<img alt="Twitter-1" height="20" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FTwitter-1.png%253Fwidth%253D198%2526height%253D160%2526upscale%253Dtrue%2526name%253DTwitter-1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgwNjkyNX0:1uREu2:WNFruqlK_R_eSwqcA8LIsi8qgG9gg9vbv7Dpj4UxJy8" style="outline:none; text-decoration:none; border:none; height:20px; width:auto" width="auto"/>
</a>
</td>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px; padding-right:15px">
<!-- Facebook logo-->
<a data-hs-link-id="0" data-hs-link-id-v2="joAnq744" style="color:#304ddb; text-decoration:none !important" target="_blank">
<img alt="Facebook-sq" height="20" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FFacebook-sq.png%253Fwidth%253D160%2526height%253D160%2526upscale%253Dtrue%2526name%253DFacebook-sq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgwODA0Nn0:1uREu2:_E4WgQRRPvmcCTagxm7jflubH6--JYADmKKUE6IhsI4" style="outline:none; text-decoration:none; border:none; height:20px; width:auto" width="auto"/>
</a>
</td>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px; padding-right:15px">
<!-- Linked In logo-->
<a data-hs-link-id="0" data-hs-link-id-v2="d/TgnBbs" style="color:#304ddb; text-decoration:none !important" target="_blank">
<img alt="LinkedIn-sq" height="20" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FLinkedIn-sq.png%253Fwidth%253D162%2526height%253D160%2526upscale%253Dtrue%2526name%253DLinkedIn-sq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgwOTI2Mn0:1uREu2:vd_3ZlxtaAD3g5NnSGhatSwfC5PrXBsxdPOPCLB-hMs" style="outline:none; text-decoration:none; border:none; height:20px; width:auto" width="auto"/>
</a>
</td>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px">
<!-- Instagram logo-->
<a data-hs-link-id="0" data-hs-link-id-v2="V7abSKZq" style="color:#304ddb; text-decoration:none !important" target="_blank">
<img alt="Instagram-sq" height="20" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FInstagram-sq.png%253Fwidth%253D162%2526height%253D162%2526upscale%253Dtrue%2526name%253DInstagram-sq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgxMDI5NH0:1uREu2:w5So6rEFJXyH2IoNIml31UUus6NdbPNytrFlSv5kV7o" style="outline:none; text-decoration:none; border:none; height:20px; width:auto" width="auto"/>
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; padding-top:20px" width="100%">
<!-- Three tables to manage the Scribble image, Made by... and the copyright text -->
<!-- Table one has the scribble image (Commented out for Evolution Project)
<table role="presentation" border="0" cellpadding="0" cellspacing="0" align="left" style="margin-top: 4px; width: 10%; min-width: 60px; border-collapse: collapse;">
<tr>
<td>
<img src="https://fs.hubspotusercontent00.net/hubfs/2760806/hs-scribble.png" alt="hs-scribble" loading="lazy" width="222" height="61" style="height: 15px; width: auto;">
</td>
</tr>
</table>
-->
<!-- Table two has the Created by text -->
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 67.3%; min-width: 310px; border-collapse: collapse;">
<tbody>
<tr>
<td class="hs-footer-madeby" style="word-break:break-word; padding-bottom:10px; color:#405261; font-weight:600; font-size:13px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6">
<span style="font-weight: 400;">
The only
</span>
people-first
<span style="font-weight: 400;">
customer support platform.
</span>
</td>
</tr>
</tbody>
</table>
<!-- Table three has the copyright text -->
<table align="left" border="0" cellpadding="0" cellspacing="0" class="hs-footer-copyright-table" role="presentation" style="min-width: 120px; width: 32%; border-collapse: collapse;">
<tbody>
<tr>
<td class="hs-footer-copyright" style="word-break:break-word; padding-bottom:10px; color:#405261; font-size:13px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6">
© 2025 Help Scout
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<style type="text/css">
@media (prefers-color-scheme: dark ) {
.hs-footer-container {
background-color: #1E1E1E;
}
.hs-footer-address {
color: #A7B3BE;
}
.hs-footer-madeby {
color: #D1DAE3;
}
.hs-footer-copyright {
color: #A7B3BE;
}
}
/* data-ogsc tag targets Outlook email clients */
[data-ogsc] .hs-footer-container {
background-color: #1E1E1E;
}
[data-ogsc] .hs-footer-address {
color: #A7B3BE;
}
[data-ogsc] .hs-footer-madeby {
color: #D1DAE3;
}
[data-ogsc] .hs-footer-copyright {
color: #A7B3BE;
}
[data-ogsc] .hs-footer-address-wrapper {
border-bottom: 1px solid #000000;
}
/* Tweak the padding up on screens larger than 600px */
@media all and (min-width: 600px) {
.hs-footer-address {
padding-bottom: 40px !important;
}
.hs-footer-copyright {
text-align: right !important;
}
}
</style>
</div>
</div>
<!--[if gte mso 9]></table><![endif]-->
<!--[if (mso)|(IE)]></td><![endif]-->
<!--[if (mso)|(IE)]></tr></table><![endif]-->
</div>
<!--[if gte mso 9]></td></tr></table><![endif]-->
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fe3t%252FCto%252F5A%252B113%252FckxP204%252FMVWBJqcQCKjW5rd5Wm8WRWxvW3X6sTS5xVjFBW13dg8S3D7Bqj112/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTAwOTk3OTQuMDgxMTM4NH0:1uREu2:piZkFdZlm3WoGVH9tgZI2TC1zTCHZ9dEuVvw34l6Los" style="display:none!important;min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important" width="1"/>
</body>
</html>
2 days, 4 hours ago - editorial@helpscout.com
New business model, new knowledge base tips, & new Views
This one's jam-packed! Here's your juicy dose of fresh content and feature updates, brought to yo...