About 5 — Safe As Milk

<!doctype html> <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US" > <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1">  <base href=""> <meta charset="utf-8" /> <title>About 5 — Safe As Milk</title> <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" media="(prefers-color-scheme: light)" href="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/232094c4-f0ad-4b00-834e-79d29b9a442c/favicon.ico?format=100w"/> <link rel="icon" type="image/x-icon" media="(prefers-color-scheme: dark)" href="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/f292be94-2ff4-4d0d-95cd-2332ee2009b0/favicon.ico?format=100w"/> <link rel="canonical" href="https://www.safeasmilk.co/about"/> <meta property="og:site_name" content="Safe As Milk"/> <meta property="og:title" content="About 5 — Safe As Milk"/> <meta property="og:url" content="https://www.safeasmilk.co/about"/> <meta property="og:type" content="website"/> <meta itemprop="name" content="About 5 — Safe As Milk"/> <meta itemprop="url" content="https://www.safeasmilk.co/about"/> <meta name="twitter:title" content="About 5 — Safe As Milk"/> <meta name="twitter:url" content="https://www.safeasmilk.co/about"/> <meta name="twitter:card" content="summary"/> <meta name="description" content="" /> <link rel="preconnect" href="https://images.squarespace-cdn.com"> <link rel="preconnect" href="https://use.typekit.net" crossorigin> <link rel="preconnect" href="https://p.typekit.net" crossorigin> <script type="text/javascript" src="//use.typekit.net/ik/I-m9IUg3_xn-V_k4dvq6H_vWwdVc1zNElkN8MU55mYjfeTwIfFHN4UJLFRbh52jhWDj3jA9h5AIaFRsywDgqwQjtwABRjRJkws7WMkG0jAFu-WsoShFGZAsude80ZkoRdhXCHKoyjamTiY8Djhy8ZYmC-Ao1Oco8if37OcBDOcu8OfG0SaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdP37O1sudcooOWsydA4ziW4Tdc9lZh9kdKoDSWmyScmDSeBRZPoRdhXCjAFu-WsoShFGZAsude80ZkoRdhXCjAFu-WsoShFGZAsude80Zko0ZWbCjWw0dA9CdeNRjAUGdaFXOYFyZcmyShuTdeC0jhvCSaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdPUXiAo0pPuXjAuKdamk-Ao8OAi8wct0SaBujW48Sagyjh90jhNlOYiaikoyjamTiY8Djhy8ZYmC-Ao1OcFzdPUaiaS0jAFu-WsoShFGZAsude80Zko0ZWbCiaiaOcBDOcu8OYiaikoDjAZ8jWFl-AUnOcFzOYiaikoDSWmyScmDSeBRZWFR-emqiAUTdcS0jhNlOYiaikoXiAo0pPuXjAuKdamk-Ao8OAi8wct0SaBujW48Sagyjh90jhNlJ6NGjAUojW4qOAsTSagCjWq7f6R8R6JbMg62JMJ7f6R7R6JbMg6BJMJ7f6RlR6JbMg6YJMJ7f6RcR6JbMg6FJMJ7f6R0R6JbMg6sJMHbMZHtD43e.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript" crossorigin="anonymous" defer="true" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script> <script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script> <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script> <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-d99742db7c3e1761-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-d99742db7c3e1761-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-b60fc53b12f6d6c5-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-b60fc53b12f6d6c5-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-a86e12ea17d7e7b5-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-a86e12ea17d7e7b5-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-51880dc0d7a0158c-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-51880dc0d7a0158c-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-df1fd1183d9390fb-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-df1fd1183d9390fb-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-7b201f858dc219cf-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-7b201f858dc219cf-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-469bf6a494aa7811-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-469bf6a494aa7811-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["collection_typename_switching","override_block_styles","scripts_defer","contacts_and_campaigns_redesign","campaigns_new_image_layout_picker","campaigns_thumbnail_layout","member_areas_feature","campaigns_import_discounts","supports_versioned_template_assets","marketing_landing_page","nested_categories","order_status_page_checkout_landing_enabled","themes","campaigns_discount_section_in_blasts","new_stacked_index","marketing_automations","campaigns_discount_section_in_automations","i18n_beta_website_locales"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-929d54e21180185e-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-5d864aadea1060d1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-db0a42bc9a745b13-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-47a224f34e715983-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-2204db19701b2ebe-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-96b256171ee039c1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-ea68dbda5f388989-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-01eecf660cca1c8d-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-0a38891230aaac9c-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-01f4ea53f1ef2e01-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-282fe7613747318b-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-f9093f2d526b94df-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-12b6a5be5e64a5dc-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-a51a0c508870ad93-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-ec12b1513f197549-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-ee423cf78a6d9847-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-de0dea92b161a99b-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-104246dd5ee81f93-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-71b95dc6a65ad0b0-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b742b752f5880972-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-2356da150be012eb-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-0ba5bac716923b8e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-b1bef1d49abb1dcb-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-d1bdb2ab433d5058-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-6676ab1a86064e26-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-90a67fc09b9b32c6-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-427f06a82a4c7a3d-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-a56885d30b3c3073-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-701bf8bbc05ec6aa-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-b76ae7bcbecc9533-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-95032e5fa98e47a5-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-476538637d19f94c-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-58c6d775dcd3c2e1-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-07ea5a4e004e6710-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-0ab5b1476f53fc55-min.en-US.js"}},"pageType":2,"website":{"id":"60ae69a764a30d1681acb221","identifier":"tunny-tambourine-ge2n","websiteType":1,"contentModifiedOn":1730369611135,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","timeZone":"Europe/London","machineTimeZoneOffset":0,"timeZoneOffset":0,"timeZoneAbbr":"GMT","siteTitle":"Safe As Milk","fullSiteTitle":"About 5 \u2014 Safe As Milk","siteDescription":"","location":{},"logoImageId":"67a239c930447b41e9f782c0","shareButtonOptions":{"1":true,"8":true,"6":true,"3":true,"2":true,"7":true,"4":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/30aa7927-ba7b-4dd5-b054-eaae2743f219/sam_logo_full_black.png","authenticUrl":"https://www.safeasmilk.co","internalUrl":"https://tunny-tambourine-ge2n.squarespace.com","baseUrl":"https://www.safeasmilk.co","primaryDomain":"www.safeasmilk.co","sslSetting":3,"isHstsEnabled":false,"socialAccounts":[{"serviceId":62,"screenname":"Twitter","addedOn":1670586887483,"profileUrl":"https://twitter.com/SafeAsMilkCo","iconEnabled":true,"serviceName":"twitter-unauth"},{"serviceId":69,"screenname":"YouTube","addedOn":1670586902690,"profileUrl":"https://www.youtube.com/@safeasmilkco","iconEnabled":true,"serviceName":"youtube-unauth"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"008ab2802aa828c80c725e7b5e6a9c731d17b7c7fca2e58ca4f37bed036295b9","captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"60ae69a764a30d1681acb224","websiteId":"60ae69a764a30d1681acb221","subjects":[],"country":"GB","state":"ENG","simpleLikingEnabled":true,"mobileInfoBarSettings":{"style":1,"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":2,"text":"<p>Safe As Milk themes have powered thousands of stores worldwide. <a target=\"_blank\" href=\"https://themes.shopify.com/designers/safeasmilk\">Check out the theme store</a></p>"},"popupOverlaySettings":{"style":1,"enabledPages":[]},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"businessHours":{},"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"USD","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":false,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false,"displayImportedProductReviewsEnabled":false,"hasOptedToCollectNativeReviews":false},"minimumOrderSubtotalEnabled":false,"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":"","cookieBannerSavedPreferencesText":"","cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"About","id":"6112410550479338cbddc966","fullUrl":"/about","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"24px","header-mobile-logo-max-height":"25px","header-vert-padding":"5.8vw","header-width":"Full","maxPageWidth":"1900px","pagePadding":"9vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"4:3 Four-Three","tweak-blog-alternating-side-by-side-image-spacing":"5%","tweak-blog-alternating-side-by-side-meta-spacing":"15px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"5px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"2","tweak-blog-basic-grid-image-aspect-ratio":"3:2 Standard","tweak-blog-basic-grid-image-spacing":"30px","tweak-blog-basic-grid-meta-spacing":"15px","tweak-blog-basic-grid-primary-meta":"Categories","tweak-blog-basic-grid-read-more-spacing":"15px","tweak-blog-basic-grid-secondary-meta":"Date","tweak-blog-item-custom-width":"57","tweak-blog-item-show-author-profile":"false","tweak-blog-item-width":"Custom","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"150px","tweak-blog-masonry-image-spacing":"25px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"5px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"100px","tweak-blog-side-by-side-image-aspect-ratio":"4:3 Four-Three","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"5px","tweak-blog-side-by-side-secondary-meta":"None","tweak-blog-single-column-image-spacing":"40px","tweak-blog-single-column-meta-spacing":"30px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"30px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"true","tweak-fixed-header-style":"Scroll Back","tweak-global-animations-animation-curve":"linear","tweak-global-animations-animation-delay":"0.1s","tweak-global-animations-animation-duration":"0.1s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"basic","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Fast","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Bullet","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"50","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Fast","tweak-portfolio-hover-static-animation-type":"Fade","tweak-portfolio-hover-static-delimiter":"Hyphen","tweak-portfolio-hover-static-front":"true","tweak-portfolio-hover-static-layout":"Inline","tweak-portfolio-hover-static-size":"50","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full Bleed","tweak-product-basic-item-click-action":"None","tweak-product-basic-item-gallery-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-product-basic-item-gallery-design":"Slideshow","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"None","tweak-product-basic-item-image-spacing":"3vw","tweak-product-basic-item-image-zoom-factor":"1.75","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"3","tweak-products-gutter-column":"2vw","tweak-products-gutter-row":"3vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"1:1 Square","tweak-products-image-text-spacing":"1vw","tweak-products-mobile-columns":"1","tweak-products-text-alignment":"Left","tweak-products-width":"Inset","tweak-transparent-header":"false"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[0,"EU","GMT/BST",null]],"rules":{"EU":[[1981,"max",null,"Mar","lastSun","1:00u","1:00","S"],[1996,"max",null,"Oct","lastSun","1:00u","0",null]]}},"showAnnouncementBar":true,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"Europe/London","name":"Greenwich Mean Time"}},"env":"PRODUCTION"};</script><script type="application/ld+json">{"url":"https://www.safeasmilk.co","name":"Safe As Milk","description":"","image":"//images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/30aa7927-ba7b-4dd5-b054-eaae2743f219/sam_logo_full_black.png","@context":"http://schema.org","@type":"WebSite"}</script><script type="application/ld+json">{"address":"","image":"https://static1.squarespace.com/static/60ae69a764a30d1681acb221/t/67a239c930447b41e9f782c0/1730369611135/","openingHours":"","@context":"http://schema.org","@type":"LocalBusiness"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/60ae69a764a30d1681acb221/104/5c5a519771c10ba3470d8101/60ae69a764a30d1681acb23b/1617/site.css"/><script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script> <script type="text/javascript">window.Beacon('init', '5e6661c1-cf30-436a-86b0-d31899fb809c')</script> <style> .fe-63a42819ad215beb7a401ff7.fe-63a42819ad215beb7a401ff7 { --row-height-scaling-factor: 0.01; } </style><script>Static.COOKIE_BANNER_CAPABLE = true;</script>  <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1742576095165-JCFHH5K6517BZ0LD2YTX/static.css"> </head> <body id="collection-6112410550479338cbddc966" class=" primary-button-style-solid primary-button-shape-custom secondary-button-style-outline secondary-button-shape-custom tertiary-button-style-outline tertiary-button-shape-underline form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label header-overlay-alignment-center header-width-full tweak-fixed-header tweak-fixed-header-style-scroll-back tweak-blog-alternating-side-by-side-width-inset tweak-blog-alternating-side-by-side-image-aspect-ratio-43-four-three tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-center tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-custom tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-below-title tweak-blog-item-show-categories tweak-blog-item-show-date tweak-blog-item-show-author-name tweak-blog-item-delimiter-dash tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-43-four-three tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-none tweak-blog-side-by-side-meta-position-below-excerpt tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-excerpt-and-title tweak-events-stacked-width-inset tweak-events-stacked-height-small tweak-events-stacked-show-past-events tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-ical-gcal-links tweak-events-stacked-show-excerpt tweak-global-animations-complexity-level-basic tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-linear tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-small tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-zoom tweak-portfolio-grid-overlay-width-inset tweak-portfolio-grid-overlay-height-small tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full-bleed tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-product-subscription-display-radio tweak-product-basic-item-product-subscription-border-shape-square tweak-product-basic-item-width-full tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-breadcrumbs tweak-product-basic-item-description-position-below-price tweak-product-basic-item-description-position-mobile-below-add-to-cart-button tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-slideshow tweak-product-basic-item-gallery-placement-left tweak-product-basic-item-thumbnail-placement-side tweak-product-basic-item-click-action-none tweak-product-basic-item-hover-action-none tweak-product-basic-item-variant-picker-layout-dropdowns tweak-product-basic-item-add-to-cart-standalone tweak-product-basic-item-add-to-cart-mobile-standalone tweak-products-width-inset tweak-products-image-aspect-ratio-11-square tweak-products-text-alignment-left tweak-products-price-show tweak-products-nested-category-type-top tweak-products-category-title tweak-products-header-text-alignment-middle tweak-products-breadcrumbs image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd collection-type-page collection-layout-default collection-6112410550479338cbddc966 mobile-style-available sqs-seven-one " tabindex="-1" > <div id="siteWrapper" class="clearfix site-wrapper" > <div id="floatingCart" class="floating-cart hidden"> <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart"> <span class="Cart-inner"> <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" /> <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" /> <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" /> <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" /> </svg> <div class="legacy-cart icon-cart-quantity"> <span class="sqs-cart-quantity">0</span> </div> </span> </a> </div> <header data-test="header" id="header" class=" white-bold header theme-col--primary " data-section-theme="white-bold" data-controller="Header" data-current-styles="{ "layout": "navRight", "action": { "href": "https://themes.shopify.com/themes/venue/styles/morning", "buttonText": "Themes", "newWindow": false }, "showSocial": false, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "sectionTheme": "white-bold", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "solid-7", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": false, "headerStyle": "theme", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "iconOptions": { "desktopDropdownIconOptions": { "endcapType": "square", "folderDropdownIcon": "none", "languagePickerIcon": "openArrowHead" }, "mobileDropdownIconOptions": { "endcapType": "square", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" } }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIconOptions": { "style": "doubleLineHamburger", "thickness": { "unit": "px", "value": 1.0 } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": false, "position": "bottom", "thickness": { "unit": "px", "value": 4.0 } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="header" data-header-style="theme" data-language-picker="{ "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }" data-first-focusable-element tabindex="-1" style=" --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); " > <script> function shouldShowAnnouncementBar() { try { if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) { return false; } var localDataStr = localStorage.getItem('squarespace-announcement-bar'); if (localDataStr && JSON.parse(localDataStr).closed) { return false; } return true; } catch(e) { console.error(e); return true; } } if (shouldShowAnnouncementBar()) { document.body.classList.add('announcement-bar-reserved-space'); } //# sourceURL=reserveSpaceForAnnouncementBar.js </script> <div class="sqs-announcement-bar-dropzone"></div> <div class="header-announcement-bar-wrapper"> <a href="#page" class="header-skip-link sqs-button-element--primary" > Skip to Content </a> <style> @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .header-blur-background { } } </style> <div class="header-border" data-header-style="theme" data-header-border="false" data-test="header-border" style=" " ></div> <div class="header-dropshadow" data-header-style="theme" data-header-dropshadow="false" data-test="header-dropshadow" style="" ></div> <div class='header-inner container--fluid header-mobile-layout-logo-left-nav-right header-layout-nav-right ' data-test="header-inner" >  <div class="header-background theme-bg--primary"></div> <div class="header-display-desktop" data-content-field="site-title">   <div class="header-title-nav-wrapper">  <div class=" header-title " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/30aa7927-ba7b-4dd5-b054-eaae2743f219/sam_logo_full_black.png?format=1500w" alt="Safe As Milk" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </a> </div> </div>  <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--external"> <a href="https://themes.shopify.com/designers/safeasmilk" data-animation-role="header-element">Themes</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="/support" data-animation-role="header-element">Support</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="https://safeasmilkco.github.io/theme-stage/?path=/docs/overview--docs" target="_blank" data-animation-role="header-element">Developer docs</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="https://support.safeasmilk.co/" data-animation-role="header-element">Help Center</a> </div> </nav> </div> </div> </div>  <div class="header-actions header-actions--right"> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style>  <div class="header-burger menu-overlay-does-not-have-visible-non-navigation-items no-actions " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-doubleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> <div class="header-display-mobile" data-content-field="site-title">   <div class="header-title-nav-wrapper">  <div class=" header-title " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/30aa7927-ba7b-4dd5-b054-eaae2743f219/sam_logo_full_black.png?format=1500w" alt="Safe As Milk" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </a> </div> </div>  <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--external"> <a href="https://themes.shopify.com/designers/safeasmilk" data-animation-role="header-element">Themes</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="/support" data-animation-role="header-element">Support</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="https://safeasmilkco.github.io/theme-stage/?path=/docs/overview--docs" target="_blank" data-animation-role="header-element">Developer docs</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="https://support.safeasmilk.co/" data-animation-role="header-element">Help Center</a> </div> </nav> </div> </div> </div>  <div class="header-actions header-actions--right"> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style>  <div class="header-burger menu-overlay-does-not-have-visible-non-navigation-items no-actions " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-doubleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> </div> </div>  <div class="header-menu header-menu--folder-list " data-section-theme="" data-current-styles="{ "layout": "navRight", "action": { "href": "https://themes.shopify.com/themes/venue/styles/morning", "buttonText": "Themes", "newWindow": false }, "showSocial": false, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "sectionTheme": "white-bold", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "solid-7", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": false, "headerStyle": "theme", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "iconOptions": { "desktopDropdownIconOptions": { "endcapType": "square", "folderDropdownIcon": "none", "languagePickerIcon": "openArrowHead" }, "mobileDropdownIconOptions": { "endcapType": "square", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" } }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIconOptions": { "style": "doubleLineHamburger", "thickness": { "unit": "px", "value": 1.0 } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": false, "position": "bottom", "thickness": { "unit": "px", "value": 4.0 } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="overlay-nav" data-show-account-login="false" data-test="header-menu"> <div class="header-menu-bg theme-bg--primary"></div> <div class="header-menu-nav"> <nav class="header-menu-nav-list"> <div data-folder="root" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content">  <div class="header-menu-nav-wrapper"> <div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="https://themes.shopify.com/designers/safeasmilk" >Themes</a> </div> <div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="/support" >Support</a> </div> <div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="https://safeasmilkco.github.io/theme-stage/?path=/docs/overview--docs" target="_blank" >Developer docs</a> </div> <div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="https://support.safeasmilk.co/" >Help Center</a> </div> </div> </div> </div> </nav> </div> </div> </header> <main id="page" class="container" role="main"> <article class="sections" id="sections" data-page-sections="6112410550479338cbddc965"> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--medium horizontal-alignment--center vertical-alignment--middle white' data-section-id="6112410550479338cbddc968" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--custom", "customContentWidth": 66, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 2, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": null, "typeName": "page" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" style="width: 66%;" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-6112410550479338cbddc968"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-2b0c6c468ff3e1e0e13a"><div class="sqs-block-content"> <div class="sqs-html-content"> <h1 style="text-align:center;white-space:pre-wrap;">About us</h1> </div> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-yui_3_17_2_1_1628586253608_9911"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="" style="white-space:pre-wrap;"><em>The following article was originally published on the </em><a href="https://www.shopify.com/partners/blog/theme-partner-business"><em>Shopify Partner Blog </em></a><em>in July 2021.</em></p> </div> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-yui_3_17_2_1_1628586253608_10007"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="" style="white-space:pre-wrap;">When developers and designers expand their business into a new space, it often brings new challenges as well as new opportunities. During this time of growth, being able to adapt your skills for a new service offering, or for a new industry or client profile is a critical skill, and establishing yourself in a new environment can be difficult to navigate. </p><p class="" style="white-space:pre-wrap;">This is exactly where Safe As Milk founders Dean Ricca-Smith and Modestas Urbonas found themselves when they joined the <a href="https://themes.shopify.com/?itcat=partner_blog&itterm=theme_partner_business" target="_blank">Shopify Theme Store</a> community five years ago. As they started building out their first Shopify theme, they challenged previous assumptions, grew their empathy for merchants, and learned how to lead a remote team. </p> </div> </div></div><div class="sqs-block image-block sqs-block-image" data-block-type="5" id="block-1e4871db0d6f6e6112fc"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none " data-test="image-block-inline-outer-wrapper" > <figure class=" sqs-block-image-figure intrinsic " style="max-width:1520px;" > <div class="image-block-wrapper" data-animation-role="image" > <div class="sqs-image-shape-container-element has-aspect-ratio " style=" position: relative; padding-bottom:76.31578826904297%; overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black); " > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png" data-image-dimensions="1520x1160" data-image-focal-point="0.5364172528956157,0.6012463956841224" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png" width="1520" height="1160" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 53.64172528956157% 60.12463956841224%" onload="this.classList.add("loaded")" srcset="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1628586426136-OJXQ5GI32QI2EO5ENE9T/image-asset.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </figure> </div> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-yui_3_17_2_1_1628586253608_7639"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="" style="white-space:pre-wrap;">Their goal to launch an impactful theme for Shopify merchants that brings brands to life took the team back to the drawing board more than once. However, through careful attention to detail and a constant focus on the merchant experience, they created <a href="https://themes.shopify.com/themes/venue/styles/morning?itcat=partner_blog&itterm=theme_partner_business" target="_blank">Venue</a>, which has consistently proven to be a highly successful offering on the Shopify Theme Store.</p><p class="" style="white-space:pre-wrap;">We sat down with the Safe As Milk cofounders to learn about their experiences building for the web, how they approach designing for ecommerce, and how they balance the different responsibilities of supporting a theme in the Shopify Theme Store.</p><h3 style="white-space:pre-wrap;">Finding new opportunities</h3><p class="" style="white-space:pre-wrap;">Ricca-Smith and Urbonas originally worked together as a designer and developer pair for a SaaS platform, where they found their skills complemented each other perfectly. It wasn't long until they were collaborating together on a side-project building Tumblr themes to fund their shared passion of snowboarding. </p><p class="" style="white-space:pre-wrap;">When one of their Tumblr themes exploded in popularity, gaining thousands of installs per day and becoming the most downloaded template on the platform, the duo realized they had an opportunity to build a business together. </p><p class="" style="white-space:pre-wrap;">After Ricca-Smith pitched the idea of starting their own web design company to Urbonas, they found a space at a local startup incubator in the seaside town of Brighton in the UK, and got to work planning their first steps as Safe As Milk. </p><p class="" style="white-space:pre-wrap;">During the exploration phase, the ecommerce space stood out as an area that could provide the team with a promising opportunity. </p><p class="" style="white-space:pre-wrap;">"Entrepreneurs are very serious when it comes to their online store," Ricca-Smith says. "It's their business. So we thought that we should look at how we could contribute to this world where people are very, very invested in their online presence and where our themes will be taken seriously. It's just a much more grownup world if you like." </p><blockquote><p class="sqsrte-large" style="white-space:pre-wrap;">"So we thought that we should look at how we could contribute to this world where people are very, very invested in their online presence and where our themes will be taken seriously."</p></blockquote><p class="" style="white-space:pre-wrap;">One of the benefits of being part of a startup incubator is the ability to network with other business owners, and within this community the team met an online fish-oil merchant who introduced them to Shopify. The merchant's store was in need of a refresh, and she asked the team to design and build a new theme. </p><p class="" style="white-space:pre-wrap;">"It was such a good experience for us and we learnt so much on that project," Ricca-Smith notes. "As much as you think you understand ecommerce platforms, it's such a deep subject. You realize quite quickly that you don't really know anything. So, that was a massive learning curve." </p><p class="" style="white-space:pre-wrap;">While building a theme for one specific merchant helped the Safe As Milk team to understand the various features of Shopify, the pair felt they wanted to work on projects that could service the needs of merchants worldwide. Building on their previous success with Tumblr themes and their newfound experience with Shopify, the team decided to set their sights on developing a theme for the Shopify Theme Store. </p><h3 style="white-space:pre-wrap;">Thinking like a merchant </h3><p class="" style="white-space:pre-wrap;">As Ricca-Smith and Urbonas began working on a prototype, it became clear early on that a vision and purpose would be critical for the success of the theme. </p><p class="" style="white-space:pre-wrap;">"Initially we were focused on beautiful design rather than a specific industry or who's going to interact with the store," Urbonas remarks. "As good as our first approach looked, it didn't really have a particular merchant in mind". </p><p class="" style="white-space:pre-wrap;">The team discovered that one of the major hurdles to overcome was to create an experience that would be intuitive for merchants to adopt, while also being easy for buyers to navigate and make purchases on. </p><p class="" style="white-space:pre-wrap;">"Being as merchant-centric as possible is something we're still learning to do today," Ricca-Smith says. "Additionally, you need to be buyer-centric as well, and your designs must appeal to the buyer."</p><p class="" style="white-space:pre-wrap;">Even as an experienced UI/UX designer, Ricca-Smith discovered that it was very challenging to create a theme that balances the required functionality of an online store, with the flexibility that empowers merchants to control their brand identity and customer experience. </p><p class="" style="white-space:pre-wrap;">"To design a really successful, easy-to-use, intuitive, friction-free store is hard," Ricca-Smith explains. "I'd say it's one of the hardest websites you could design really."</p><p class="" style="white-space:pre-wrap;">"At first we were looking inwards. We were sort of trying to please ourselves and trying to make a design that's beautiful and cool and nice looking. We weren't getting into the mind of the merchant at all really. It was quite an egocentric kind of design." </p><h3 style="white-space:pre-wrap;">Supporting merchant verticals</h3><p class="" style="white-space:pre-wrap;">Following some unsuccessful attempts, a breakthrough arrived when the duo interviewed three local merchants. </p><p class="" style="white-space:pre-wrap;">"We spent quite a bit of time with them, just listening to their experiences as merchants, and finding out what they need in a theme, because they've all got physical stores as well," Ricca-Smith says. "That's what gave us the idea for Venue. We realized, ‘Hang on a minute. People don't just want to sell online, they also want to sell in their store.’ </p><p class="" style="white-space:pre-wrap;">These merchant interviews allowed the team to look beyond the immediate online store and consider what additional requirements merchants with physical stores would have.</p><p class="" style="white-space:pre-wrap;">Armed with this inspiration to build for merchants who sell both on and offline, Safe As Milk went back to the drawing board, and completely redesigned their offering. What emerged from this work was Venue, a theme that serves different platforms and purposes, enabling a merchant to provide events, support multiple physical locations, and integrate various delivery options. </p><p class="" style="white-space:pre-wrap;">"That's why we ended up calling it Venue, because it's as much about the bricks and mortar requirements as it's about the actual online store itself. Bricks and clicks, if you like." Ricca-Smith says. </p><h3 style="white-space:pre-wrap;">Helping with delivery options</h3><p class="" style="white-space:pre-wrap;">During these interviews, the team also found that many merchants needed to display delivery options, which wasn't available by default. </p><p class="" style="white-space:pre-wrap;">"We created this very simple but effective section called ‘Delivery section,’ which basically allowed merchants to quickly add logos for local delivery services," Urbonas explains. "We were inspired by hearing merchant stories, which gave us the edge to support these specific merchants, rather than making the theme too general."</p><blockquote><p class="sqsrte-large" style="white-space:pre-wrap;">"We were inspired by hearing merchant stories, which gave us the edge to support these specific merchants, rather than making the theme too general."</p></blockquote><h3 style="white-space:pre-wrap;">Finding their niche</h3><p class="" style="white-space:pre-wrap;">In addition to conducting merchant interviews, the team also looked at what was missing from other themes in the Shopify Theme Store, and considered the industries that were growing. </p><p class="" style="white-space:pre-wrap;">"We discovered this industry that didn't seem to be served by Shopify themes at the time, which was craft beers, craft coffee," Ricca-Smith says. "We wanted to allow brands operating in this space to unlock opportunities with our theme and become a multichannel business."</p><p class="" style="white-space:pre-wrap;">By viewing design from the perspective of merchants, and identifying what unique requirements needed to be serviced, the Safe As Milk team were able to build and successfully submit Venue to the Shopify Theme Store in 2017, where it has been adopted by many satisfied merchants since. </p><h3 style="white-space:pre-wrap;">Gaining a fresh perspective</h3><p class="" style="white-space:pre-wrap;">For Safe As Milk's second theme project, the team wanted to double-down on building for a specific type of merchant, and focused on a merchant category they dubbed "modern luxury." </p><p class="" style="white-space:pre-wrap;">"What we looked at when we were approaching this new theme brief is that we wanted to create a slightly more bold design," Ricca-Smith says. "We started researching the more asymmetric style of layout that you'd find in hipster magazines and fashion themes. When we explored this area more, there didn't really seem to be a theme in the Shopify Theme Store that catered to that world in the way we imagined. So, that was our starting point in terms of the brief."</p><p class="" style="white-space:pre-wrap;">The focus of narrowing in on this particular style, and resonating with merchants working in this space was a priority for Safe As Milk, since they wanted to move away from the general-purpose approach for theme design, in favor of specialization.</p><blockquote><p class="sqsrte-large" style="white-space:pre-wrap;">"But I think we're heading towards an era of more focused and specialized themes."</p></blockquote><p class="" style="white-space:pre-wrap;">"A lot of themes, including our Venue theme, I would describe as "Swiss Army Knife themes," Ricca-Smith explains. "They're full of really useful sections, and functionality, and they're trying to appeal to the widest possible bases as you can. But I think we're heading towards an era of more focused and specialized themes. I feel we're quite early adopters for this approach with Magazine." </p><p class="" style="white-space:pre-wrap;">The team also were aiming to meet their own personal benchmarks for a Shopify theme. "We wanted to build something we would use ourselves and actually think is very cool," Urbonas says. "We designed Magazine with the idea that we actually love it. It's a beautiful design we don't see often in stores, and we wanted to capture this aesthetic we admire."</p><p class="" style="white-space:pre-wrap;">Once the duo had settled on a vision for the theme, they set to work building out the components and pages. One of the more creative features of the theme is how it mixes multiple layout options on the same page, which unlocks a new range of customization options for merchants. </p><p class="" style="white-space:pre-wrap;">"What we've done with Magazine is that we've built in three different layouts for every section and every page," Urbonas explains. "For example, if you wanted a very classic slideshow in your header, then you'd set your slideshow to the Classic layout. But if you wanted an asymmetric, more artistic layout for your featured collections, you would set your featured collections to the Bold layout. This allows you to mix and match styles throughout the whole theme."</p><p class="" style="white-space:pre-wrap;">When merchants start using Magazine, the Safe As Milk team expects to see some extremely creative examples of Shopify stores.</p><p class="" style="white-space:pre-wrap;">"Merchants will be able to achieve different kinds of layouts without using custom coding, or third party software to modify the theme," Urbonas says. "It's a challenging and brave design that will allow merchants to mix and match almost two or three different themes into one.”</p><blockquote><p class="sqsrte-large" style="white-space:pre-wrap;">"It's a challenging and brave design that will allow merchants to mix and match almost two or three different themes into one.”</p></blockquote><p class="" style="white-space:pre-wrap;">This dedication to innovation and testing the limits of what's possible when building on Shopify is central to the Safe As Milk philosophy. As Urbonas puts it, "We're always looking at how we can set ourselves apart in the Shopify Theme Store and trying to elevate design to keep pushing those boundaries."</p><p class="" style="white-space:pre-wrap;">With the upcoming launch of Magazine, the Safe As Milk team will be busy maintaining and supporting this new product—but they're also already deep in development on their third theme, and are looking to expand their team. </p><p class="" style="white-space:pre-wrap;">"Currently I'm the only designer at Safe As Milk," Ricca-Smith says. But we are recruiting for another designer, so please send us your CV if you're reading this!" </p><h3 style="white-space:pre-wrap;">Managing support and improving with feedback</h3><p class="" style="white-space:pre-wrap;">Managing support is often perceived as one of the more demanding aspects of building Shopify themes, and in the early days of Safe As Milk, the pair attempted to balance the workload between each other. </p><p class="" style="white-space:pre-wrap;">"Initially it was just Modestas and myself," Ricca-Smith recalls. "This was sustainable for a while, but since then we've had to take on more support people. What I would say to any developer looking to join the Shopify Theme Store is to completely give up on the idea of passive income straightaway because it doesn't exist. We might be selling themes while we're asleep, which is amazing, but there's an enormous amount of maintenance and plate spinning and support that you have to do. It's a full-time job."</p><blockquote><p class="sqsrte-large" style="white-space:pre-wrap;">"What I would say to any developer looking to join the Shopify Theme Store is to completely give up on the idea of passive income straightaway because it doesn't exist."</p></blockquote><p class="" style="white-space:pre-wrap;">The team also discovered that the task of developing a Shopify theme doesn't end once you launch the theme. </p><p class="" style="white-space:pre-wrap;">"As soon as people install the theme, you're going to get bug reports and you'll see how people actually use it," Urbonas points out. "You'll be surprised how your designed theme looks in the wild, and you'll start to notice elements that you need to improve."</p><p class="" style="white-space:pre-wrap;">While troubleshooting issues and shipping bug fixes can be challenging, the Safe As Milk team doesn't treat supporting their merchants as a burden. </p><p class="" style="white-space:pre-wrap;">"Support is part of selling software," Ricca-Smith says. "You can't sell software and not support it. Support is somewhere to learn. We have an amazing amount of research and development that informs our product decisions coming directly from support."</p><blockquote><p class="sqsrte-large" style="white-space:pre-wrap;">"We have an amazing amount of research and development that informs our product decisions coming directly from support."</p></blockquote><p class="" style="white-space:pre-wrap;">Urbonas shares this perspective. "We have thousands of people testing our products on a daily basis. Is there anything better to help us uncover bug fixes and allow us to make improvements?" </p><h3 style="white-space:pre-wrap;">Constantly learning </h3><p class="" style="white-space:pre-wrap;">Throughout their journey, Ricca-Smith and Urbonas have been constant learners, adapting to new challenges and building intuitive experiences for merchants and customers alike. Listening to the team describe the different responsibilities they carry out does sound demanding, but the pair find their work very rewarding and satisfying. </p><p class="" style="white-space:pre-wrap;">"We're having to learn everything as we go along," Ricca-Smith remarks. "And it's fun, it's exciting."</p><p class="" style="white-space:pre-wrap;">As innovative designers and developers, Safe As Milk have contributed to the success of countless Shopify merchants who have adopted their themes. With their focus on staying connected to the merchant experience, continually growing their expertise, and investing in their team, no doubt the team will continue building impactful solutions for the Shopify Theme Store. </p> </div> </div></div></div></div></div> </div> </div> </section> </article> </main> <footer class="sections" id="footer-sections" data-footer-sections> <section data-test="page-section" data-section-theme="white" class='page-section full-bleed-section layout-engine-section background-width--full-bleed content-width--wide horizontal-alignment--center vertical-alignment--bottom white' data-section-id="639321e7dc496b6eeaf367d1" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 29, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--bottom", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": null, "typeName": "page" }" data-animation="none" data-fluid-engine-section style="min-height: 29vh;" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(29vmax / 5); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-639321e74b2ebe6cd6291918 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(17,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-639321e74b2ebe6cd6291918 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-639321e74b2ebe6cd6291918 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(10,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-639321e7de15059a4622ba40 { grid-area: 1/2/7/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-639321e7de15059a4622ba40 .sqs-block { justify-content: flex-start; } .fe-block-639321e7de15059a4622ba40 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-639321e7de15059a4622ba40 { grid-area: 1/2/8/7; z-index: 0; } .fe-block-639321e7de15059a4622ba40 .sqs-block { justify-content: flex-start; } .fe-block-639321e7de15059a4622ba40 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-c41ebe87119ae4bc49ef { grid-area: 6/2/9/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-c41ebe87119ae4bc49ef .sqs-block { justify-content: flex-start; } .fe-block-c41ebe87119ae4bc49ef .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-c41ebe87119ae4bc49ef { grid-area: 1/7/6/12; z-index: 1; } .fe-block-c41ebe87119ae4bc49ef .sqs-block { justify-content: flex-start; } .fe-block-c41ebe87119ae4bc49ef .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-yui_3_17_2_1_1670577528492_1272686 { grid-area: 10/2/12/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670577528492_1272686 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1670577528492_1272686 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670577528492_1272686 { grid-area: 6/2/9/6; z-index: 2; } .fe-block-yui_3_17_2_1_1670577528492_1272686 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_1272686 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1670577528492_1289768 { grid-area: 13/2/14/5; z-index: 3; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670577528492_1289768 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1670577528492_1289768 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670577528492_1289768 { grid-area: 6/22/9/26; z-index: 3; } .fe-block-yui_3_17_2_1_1670577528492_1289768 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_1289768 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1670577528492_1367534 { grid-area: 14/2/17/10; z-index: 4; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670577528492_1367534 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1670577528492_1367534 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670577528492_1367534 { grid-area: 8/2/11/6; z-index: 4; } .fe-block-yui_3_17_2_1_1670577528492_1367534 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_1367534 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-639321e74b2ebe6cd6291918"><div class="fe-block fe-block-639321e7de15059a4622ba40"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-639321e7de15059a4622ba40"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="white-space:pre-wrap;"><a href="https://support.safeasmilk.co/">Help Center</a></h4><h4 style="white-space:pre-wrap;"><a href="https://www.safeasmilk.co/support">Support</a></h4><h4 style="white-space:pre-wrap;"><a href="https://safeasmilkco.github.io/theme-stage/?path=/docs/overview--docs" target="_blank">Developer docs</a></h4><h4 data-rte-preserve-empty="true" style="white-space:pre-wrap;"></h4> </div> </div></div></div><div class="fe-block fe-block-c41ebe87119ae4bc49ef"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-c41ebe87119ae4bc49ef"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="white-space:pre-wrap;"><a href="/about">About us</a></h4><h4 style="white-space:pre-wrap;"><a href="/terms">Terms & Conditions</a></h4><h4 style="white-space:pre-wrap;"><a href="https://themes.shopify.com/designers/safeasmilk" target="_blank">Our themes</a></h4> </div> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1670577528492_1272686"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-yui_3_17_2_1_1670577528492_1272686"><div class="sqs-block-content"> <div class="sqs-svg-icon--outer social-icon-alignment-left social-icons-color- social-icons-size-medium social-icons-shape-circle social-icons-style-knockout" > <style> #block-yui_3_17_2_1_1670577528492_1272686 .social-icons-style-border .sqs-svg-icon--wrapper { box-shadow: 0 0 0 2px inset; border: none; } </style> <nav class="sqs-svg-icon--list"> <a href="https://twitter.com/SafeAsMilkCo" target="_blank" class="sqs-svg-icon--wrapper twitter-unauth" aria-label="Twitter"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="#twitter-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="#twitter-unauth-mask"></use> </svg> </div> </a><a href="https://www.youtube.com/@safeasmilkco" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use> </svg> </div> </a> </nav> </div> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1670577528492_1289768"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1670577528492_1289768"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-right combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png" data-image-dimensions="474x84" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png" width="474" height="84" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 37.5vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1670577528492_1289768 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1670577528492_1367534"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1670577528492_1367534"><div class="sqs-block-content"><p> Safe As Milk - <script>document.write(new Date().getFullYear())</script></p></div></div></div></div></div> </div> </div> </section> </footer> </div> <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.54b38f6b81d26b9a05d29580d2044194.js" type="text/javascript"></script> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="twitter-unauth-icon" viewBox="0 0 64 64"><path d="M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z"/></symbol><symbol id="twitter-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M44.7,25.5c0,0.3,0,0.6,0,0.8C44.7,35,38.1,45,26.1,45c-3.7,0-7.2-1.1-10.1-2.9 c0.5,0.1,1,0.1,1.6,0.1c3.1,0,5.9-1,8.2-2.8c-2.9-0.1-5.3-2-6.1-4.6c0.4,0.1,0.8,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-3-0.6-5.3-3.3-5.3-6.4c0,0,0-0.1,0-0.1c0.9,0.5,1.9,0.8,3,0.8c-1.8-1.2-2.9-3.2-2.9-5.5c0-1.2,0.3-2.3,0.9-3.3 c3.2,4,8.1,6.6,13.5,6.9c-0.1-0.5-0.2-1-0.2-1.5c0-3.6,2.9-6.6,6.6-6.6c1.9,0,3.6,0.8,4.8,2.1c1.5-0.3,2.9-0.8,4.2-1.6 c-0.5,1.5-1.5,2.8-2.9,3.6c1.3-0.2,2.6-0.5,3.8-1C47.1,23.4,46,24.5,44.7,25.5z"/></symbol><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol></svg> </body> </html>

CINXE.COM

About 5 — Safe As Milk