{"id":5508,"date":"2026-06-09T09:58:04","date_gmt":"2026-06-09T14:58:04","guid":{"rendered":"https:\/\/icomagencies.com\/agency\/100percent\/"},"modified":"2026-06-09T10:02:03","modified_gmt":"2026-06-09T15:02:03","slug":"100percent","status":"publish","type":"agency","link":"https:\/\/icomagencies.com\/agency\/100percent\/","title":{"rendered":"100PERCENT"},"content":{"rendered":"\n\r\n    \r\n    <div  class=\"section-wrap agency-hero agency-detail-hero-section\"  >\r\n        <div class=\"center-container\">\r\n            <div class=\"agency-hero-container w-100 \">\r\n                <div class=\"agency-hero-title-card\">\r\n                    <div class=\"position-relative\">\r\n                        <!-- <img decoding=\"async\" class=\"map-location\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/location_icon.svg\"\r\n                        alt=\"Map location\"\/> -->\r\n<!--                        <img decoding=\"async\" src=\"--><!--\/wp-content\/themes\/icom-wp-theme\/assets\/images\/agency\/agency-location.svg\"-->\r\n<!--                         class=\"agency-hero-location-img\" alt=\"location\"\/>-->\r\n                        \r\n                        <style>\r\n                            .map-container {\r\n                                position: relative;\r\n                                width: 100%;\r\n                                max-width: 160px;\r\n                                height: auto;\r\n                            }\r\n                            .map-container img.map {\r\n                                width: 100%;\r\n                                height: auto;\r\n                                display: block;\r\n                            }\r\n                            .map-container .marker {\r\n                                position: absolute;\r\n                                height: 30px;\r\n                                transform: translate(-50%, -90%);\r\n                            }\r\n                            @media (max-width: 600px) {\r\n                                .map-container .marker {\r\n                                    height: 20px;\r\n                                }\r\n                            }\r\n                        <\/style>\r\n\r\n                        <div class=\"map-container\">\r\n                            <!-- Map Image -->\r\n                            <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/map\/Map_Blue.png\" alt=\"Map\" class=\"map\">\r\n\r\n                            <!-- Markers -->\r\n                                                    <\/div>\r\n\r\n                    <\/div>\r\n                    <div>\r\n                        <h1 class=\"agency-hero-title\">100PERCENT<\/h1>\r\n                        <div class=\"agency-hero-location\">\r\n                            <p>Seattle, United States of America<\/p>\r\n                          <p>Founded in 2025<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                                    <div class=\"agency-detail-hero-content\">\r\n                    <span class=\"short-description\">\r\n                        We are a B2B creative storytelling agency for technology companies with products, platforms, and ideas that are too important to sound like everyone else.&nbsp;We work in the messy middle wher&#8230;                                                    <span class=\"read-more\">View More<\/span>\r\n                                            <\/span>\r\n\r\n                                                    <span class=\"full-description\" style=\"display:none;\">\r\n                                We are a B2B creative storytelling agency for technology companies with products, platforms, and ideas that are too important to sound like everyone else.<br>&nbsp;<br>We work in the messy middle where the stakes are high, the subject matter is complex, and the safe answer is usually the wrong one. AI, cloud, cybersecurity, data, infrastructure, enterprise software, advanced manufacturing, energy, and frontier technology, these are categories full of world-changing ideas that too often get buried under jargon, committee language, and campaigns no one remembers.<br>&nbsp;<br>That is where we come in.<br>&nbsp;<br>We help ambitious teams find the human truth inside technical complexity, then turn it into work with clarity, craft, and point of view. Work that can hold up in the boardroom, survive technical scrutiny, align fourteen stakeholders, and still feel alive in the real world.<br>&nbsp;<br>Because B2B does not have to mean boring. Serious companies do not need safer ideas. They need sharper ones.<br>&nbsp;<br>At 100 Percent, we believe the best technology stories require both taste and fluency. You need to understand the product, the market, and the buyer, but you also need the creative instinct to make people care. That is the work we are here to do: make the complex clear, make the important memorable, and make B2B marketing feel worthy of the ideas it is trying to sell.<br>                                <span class=\"read-less\">View Less<\/span>\r\n                            <\/span>\r\n                                            <\/div>\r\n                                <\/div>\r\n        <\/div>\r\n        <div class=\"agency-circles-hero-container\">\r\n            <div class=\"agency-top-orange agency-hero-circle position-absolute\" data-speed=\"0.4\"\r\n                data-direction=\"up\"><\/div>\r\n            <div class=\"agency-hero-blue-dot agency-hero-circle position-absolute\" data-speed=\"1.2\"\r\n                data-direction=\"down\"><\/div>\r\n            <div class=\"agency-hero-one agency-hero-circle position-absolute\" data-speed=\"0.8\" data-direction=\"up\">\r\n                <img decoding=\"async\" src=\"\"\r\n                    class=\"agency-hero-one-img agency-hero-img\" alt=\"Agency hero graphic 1\"\r\n                    onerror=\"this.classList.add('d-none')\"\/>\r\n            <\/div>\r\n            <div class=\"agency-hero-two agency-hero-circle position-absolute\" data-speed=\"0.5\" data-direction=\"up\">\r\n                <img decoding=\"async\" src=\"\"\r\n                    class=\"agency-hero-two-img agency-hero-img\" alt=\"Agency hero graphic 2\"\r\n                    onerror=\"this.classList.add('d-none')\"\/>\r\n            <\/div>\r\n            <div class=\"agency-hero-three agency-hero-circle position-absolute\" data-speed=\"0.35\"\r\n                data-direction=\"down\">\r\n                <img decoding=\"async\" src=\"\"\r\n                    class=\"agency-hero-three-img agency-hero-img\" alt=\"Agency hero graphic 3\"\r\n                    onerror=\"this.classList.add('d-none')\"\/>\r\n            <\/div>\r\n            <div class=\"agency-hero-four agency-hero-circle position-absolute\" data-speed=\"0.75\"\r\n                data-direction=\"down\">\r\n                <img decoding=\"async\" src=\"\"\r\n                    class=\"agency-hero-four-img agency-hero-img\" alt=\"Agency hero graphic 4\"\r\n                    onerror=\"this.classList.add('d-none')\"\/>\r\n            <\/div>\r\n            <div class=\"agency-hero-five agency-hero-circle position-absolute\" data-speed=\"1\" data-direction=\"up\">\r\n                <img decoding=\"async\" src=\"\"\r\n                    class=\"agency-hero-five-img agency-hero-img\" alt=\"Agency hero graphic 5\"\r\n                    onerror=\"this.classList.add('d-none')\"\/>\r\n            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n   <script>\r\n    $(window).on('load', function(){\r\n        gsap.registerPlugin(MotionPathPlugin, ScrollTrigger);\r\n\r\n\r\n        let mm = gsap.matchMedia();\r\n        let breakPoint = 800;\r\n        let breakPoint2 = 600;\r\n        let breakPoint3 = 400;\r\n\r\n        mm.add(\r\n        {\r\n            \/\/ set up any number of arbitrarily-named conditions. The function below will be called when ANY of them match.\r\n            isDesktop: `(min-width: ${breakPoint}px)`,\r\n              isTablet: `(min-width: ${breakPoint2}px) and (max-width: ${breakPoint - 1}px)`,\r\n              isSTablet: `(min-width: ${breakPoint3}px) and (max-width: ${breakPoint2 - 1}px)`,\r\n              isMobile: `(max-width: ${breakPoint3 - 1}px)`,\r\n        },\r\n        (context) => {\r\n            \/\/ context.conditions has a boolean property for each condition defined above indicating if it's matched or not.\r\n            let { isDesktop, isTablet, isSTablet, isMobile } = context.conditions;\r\n\r\n\r\n\r\n            gsap.to(\".agency-expand-section\", {\r\n                scrollTrigger: {\r\n                    trigger: \".agency-expand-section\",\r\n                    start: \"top top\",\r\n                    end: \"+=160%\",\/\/\"+=200%\",\r\n                    pin: true\r\n                }\r\n            });\r\n\r\n            let tl_ae = gsap.timeline({\r\n                    scrollTrigger: {\r\n                    trigger: '.agency-expand-section',\r\n                    start: \"top top\", \r\n                    end: \"+=160%\",\/\/\"+=200%\",\r\n                    scrub: true\r\n                }\r\n            });\r\n\r\n            tl_ae.to('.agency-bubble-mask', {\r\n                duration: 5,\r\n                maskSize: (isDesktop || isTablet) ? \"180%\" : (isSTablet ? \"300%\" : \"450%\"), \r\n                maskPosition: \"50% 50%\",\r\n                ease: \"power2.inOut\"\r\n            })\r\n            ScrollTrigger.refresh();\r\n\r\n            return () => {\r\n       \r\n            };\r\n        }\r\n        );\r\n        \r\n\r\n\r\n        \/\/ gsap.set('.verne-section + div .center-container', {\r\n        \/\/     marginTop:\"100vh\"\r\n        \/\/ })\r\n        \/\/ gsap.set('.moving-circle-effect', {\r\n        \/\/     scale: 0.1\r\n        \/\/ })\r\n\r\n        \/\/ gsap.to(\".verne-section\", {\r\n        \/\/     scrollTrigger: {\r\n        \/\/         trigger: \".verne-section\",\r\n        \/\/         start: \"top top\",\r\n        \/\/         end: \"+=200%\",\r\n        \/\/         pin: true,\r\n        \/\/         pinSpacing: false\r\n        \/\/     }\r\n        \/\/ });\r\n\r\n        \/\/ let tl_verme = gsap.timeline({\r\n        \/\/         scrollTrigger: {\r\n        \/\/         trigger: '.verne-section',\r\n        \/\/         start: \"top top\", \r\n        \/\/         end: \"+=200%\",\r\n        \/\/         scrub: true\r\n        \/\/     }\r\n        \/\/ });\r\n\r\n        \/\/ tl_verme.to('.moving-circle-effect', {\r\n        \/\/     duration: 4,\r\n        \/\/     scale: 5, \r\n        \/\/     ease: \"power2.inOut\"\r\n        \/\/ })\r\n    })\r\n   <\/script>\r\n    \n\n    <div class=\"wp-block-im-blocks-agency-content-block section-wrap verne-section position-relative\">\r\n        <div class=\"center-container\">\r\n            <div class=\"verne-row dFlex justifyContentbetween\">\r\n                <div class=\"verne-title-col\">\r\n                    <h3 class=\"agency-section-title\">100 Percent blends taste &#038; technology to make complex ideas impossible to ignore.<\/h3>\r\n                <\/div>\r\n                <div class=\"verne-col\">\r\n                    <p class=\"verne-discription\"> <\/p>\r\n                    <a href=\"http:\/\/100percent.co\" class=\"custom-button active\" target=\"_blank\" aria-label=\"Go to Website\">\r\n                        Go to Website\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- <div class=\"moving-circle-effect\"><\/div> -->\r\n    <\/div>\r\n\r\n    \n\n\n\n                  \r\n        <\/div>\r\n    <\/div>\r\n    \n\n","protected":false},"template":"","agency_industry":[176,180,181,184,187,188,189,196],"agency_capability":[215,206,214,208,202,207,213,204],"agency_capability_connexion":[217,220,222,224,227,228,234,236,245,254,257,258,260,265,266],"class_list":["post-5508","agency","type-agency","status-publish","hentry","agency_industry-adult-beverages","agency_industry-banking-and-financial-services","agency_industry-business-professional-services","agency_industry-energy-utilities","agency_industry-healthcare","agency_industry-insurance","agency_industry-manufacturing-industrial-goods-services","agency_industry-technology","agency_capability-activation-event-experiential-marketing","agency_capability-branding","agency_capability-content","agency_capability-creative","agency_capability-digital-marketing","agency_capability-social-media","agency_capability-video-production","agency_capability-web-design-development","agency_capability_connexion-3d-rendering-animation","agency_capability_connexion-ai","agency_capability_connexion-apps-design","agency_capability_connexion-b2b","agency_capability_connexion-branding-brand-strategy","agency_capability_connexion-content-marketing","agency_capability_connexion-editing-publishing","agency_capability_connexion-experiential","agency_capability_connexion-persona-and-segmentation-development","agency_capability_connexion-sales-enablement","agency_capability_connexion-social-content","agency_capability_connexion-social-media","agency_capability_connexion-strategic-consulting","agency_capability_connexion-video-production","agency_capability_connexion-website-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>100PERCENT - ICOM<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/icomagencies.com\/agency\/100percent\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"100PERCENT - ICOM\" \/>\n<meta property=\"og:url\" content=\"https:\/\/icomagencies.com\/agency\/100percent\/\" \/>\n<meta property=\"og:site_name\" content=\"ICOM\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-09T15:02:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/agency\\\/100percent\\\/\",\"url\":\"https:\\\/\\\/icomagencies.com\\\/agency\\\/100percent\\\/\",\"name\":\"100PERCENT - ICOM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/#website\"},\"datePublished\":\"2026-06-09T14:58:04+00:00\",\"dateModified\":\"2026-06-09T15:02:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/agency\\\/100percent\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/icomagencies.com\\\/agency\\\/100percent\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/agency\\\/100percent\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/icomagencies.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"100PERCENT\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/#website\",\"url\":\"https:\\\/\\\/icomagencies.com\\\/\",\"name\":\"ICOM\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/icomagencies.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"100PERCENT - ICOM","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/icomagencies.com\/agency\/100percent\/","og_locale":"en_US","og_type":"article","og_title":"100PERCENT - ICOM","og_url":"https:\/\/icomagencies.com\/agency\/100percent\/","og_site_name":"ICOM","article_modified_time":"2026-06-09T15:02:03+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/icomagencies.com\/agency\/100percent\/","url":"https:\/\/icomagencies.com\/agency\/100percent\/","name":"100PERCENT - ICOM","isPartOf":{"@id":"https:\/\/icomagencies.com\/#website"},"datePublished":"2026-06-09T14:58:04+00:00","dateModified":"2026-06-09T15:02:03+00:00","breadcrumb":{"@id":"https:\/\/icomagencies.com\/agency\/100percent\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/icomagencies.com\/agency\/100percent\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/icomagencies.com\/agency\/100percent\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/icomagencies.com\/"},{"@type":"ListItem","position":2,"name":"100PERCENT"}]},{"@type":"WebSite","@id":"https:\/\/icomagencies.com\/#website","url":"https:\/\/icomagencies.com\/","name":"ICOM","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/icomagencies.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency\/5508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency"}],"about":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/types\/agency"}],"wp:attachment":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/media?parent=5508"}],"wp:term":[{"taxonomy":"agency_industry","embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency_industry?post=5508"},{"taxonomy":"agency_capability","embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency_capability?post=5508"},{"taxonomy":"agency_capability_connexion","embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency_capability_connexion?post=5508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}