1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Fri Dec 01 2023 20:37:42 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="blksmithco.webflow.io" data-wf-page="63fd11dd662e37ce43c3583d" data-wf-site="63fd11dd662e37f605c3583c" data-wf-status="1" lang="en"><head><meta charset="utf-8"/><link href="https://assets-global.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Award Winning Product Design & Development Studio.</title><meta content="We're digital blacksmiths with over a decade of expertise designing and building brands, websites and digital products that stand out from the competition." name="description"/><meta content="Award Winning Product Design & Development Studio." property="og:title"/><meta content="We're digital blacksmiths with over a decade of expertise designing and building brands, websites and digital products that stand out from the competition." property="og:description"/><meta content="Award Winning Product Design & Development Studio." name="twitter:title"/><meta content="We're digital blacksmiths with over a decade of expertise designing and building brands, websites and digital products that stand out from the competition." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://assets-global.website-files.com/63fd11dd662e37f605c3583c/css/blksmithco.webflow.7dbee41c8.css" rel="stylesheet" type="text/css"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6328ac1c74c6370c8001ec82/6339246ec320515cb9272cbd_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6328ac1c74c6370c8001ec82/633925949841f94f0da6d2de_webclip.png" rel="apple-touch-icon"/><style> 2.letter {display: inline-block;} 3.headline_text.tricks { 4 display: none; 5} 6.headline_text.tricks.active { 7 display: block; 8} 9.tricksword {white-space: nowrap;} 10</style> 11 12<!-- [Attributes by Finsweet] Smart Lightbox -->
13<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-smartlightbox@1/smartlightbox.js"></script>
13</head><body class="body"><div class="page-wrapper _100vh-bottom-margin"><div class="global-styles w-embed"><style> 14 15/* Make text look crisper and more legible in all browsers */ 16body { 17 -webkit-font-smoothing: antialiased; 18 -moz-osx-font-smoothing: grayscale; 19 font-smoothing: antialiased; 20 text-rendering: optimizeLegibility; 21} 22 23/* Focus state style for keyboard navigation for the focusable elements */ 24*[tabindex]:focus-visible, 25 input[type="file"]:focus-visible { 26 outline: 0.125rem solid #4d65ff; 27 outline-offset: 0.125rem; 28} 29 30/* Get rid of top margin on first element in any rich text element */ 31.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 32 margin-top: 0 !important; 33} 34 35/* Get rid of bottom margin on last element in any rich text element */ 36.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 37 margin-bottom: 0 !important; 38} 39 40/* Prevent all click and hover interaction with an element */ 41.pointer-events-off { 42 pointer-events: none; 43} 44 45/* Enables all click and hover interaction with an element */ 46.pointer-events-on { 47 pointer-events: auto; 48} 49 50/* Create a class of .div-square which maintains a 1:1 dimension of a div */ 51.div-square::after { 52 content: ""; 53 display: block; 54 padding-bottom: 100%; 55} 56 57/* Make sure containers never lose their center alignment */ 58.container-medium,.container-small, .container-large { 59 margin-right: auto !important; 60 margin-left: auto !important; 61} 62 63/* 64Make the following elements inherit typography styles from the parent and not have hardcoded values. 65Important: You will not be able to style for example "All Links" in Designer with this CSS applied. 66Uncomment this CSS to use it in the project. Leave this message for future hand-off. 67*/ 68/* 69a, 70.w-input, 71.w-select, 72.w-tab-link, 73.w-nav-link, 74.w-dropdown-btn, 75.w-dropdown-toggle, 76.w-dropdown-link { 77 color: inherit; 78 text-decoration: inherit; 79 font-size: inherit; 80} 81*/ 82 83/* Apply "..." after 3 lines of text */ 84.text-style-3lines { 85 display: -webkit-box; 86 overflow: hidden; 87 -webkit-line-clamp: 3; 88 -webkit-box-orient: vertical; 89} 90 91/* Apply "..." after 2 lines of text */ 92.text-style-2lines { 93 display: -webkit-box; 94 overflow: hidden; 95 -webkit-line-clamp: 2; 96 -webkit-box-orient: vertical; 97} 98 99/* Adds inline flex display */ 100.display-inlineflex { 101 display: inline-flex; 102} 103 104/* These classes are never overwritten */ 105.hide { 106 display: none !important; 107} 108 109@media screen and (max-width: 991px), 110 @media screen and (max-width: 767px), 111 @media screen and (max-width: 479px){ 112 .hide, .hide-tablet{ 113 display: none !important; 114 } 115 } 116 @media screen and (max-width: 767px) 117 .hide-mobile-landscape{ 118 display: none !important; 119 } 120 } 121 @media screen and (max-width: 479px) 122 .hide-mobile{ 123 display: none !important; 124 } 125 } 126 127.margin-0 { 128 margin: 0rem !important; 129} 130 131.padding-0 { 132 padding: 0rem !important; 133} 134 135.spacing-clean { 136padding: 0rem !important; 137margin: 0rem !important; 138} 139 140.margin-top { 141 margin-right: 0rem !important; 142 margin-bottom: 0rem !important; 143 margin-left: 0rem !important; 144} 145 146.padding-top { 147 padding-right: 0rem !important; 148 padding-bottom: 0rem !important; 149 padding-left: 0rem !important; 150} 151 152.margin-right { 153 margin-top: 0rem !important; 154 margin-bottom: 0rem !important; 155 margin-left: 0rem !important; 156} 157 158.padding-right { 159 padding-top: 0rem !important; 160 padding-bottom: 0rem !important; 161 padding-left: 0rem !important; 162} 163 164.margin-bottom { 165 margin-top: 0rem !important; 166 margin-right: 0rem !important; 167 margin-left: 0rem !important; 168} 169 170.padding-bottom { 171 padding-top: 0rem !important; 172 padding-right: 0rem !important; 173 padding-left: 0rem !important; 174} 175 176.margin-left { 177 margin-top: 0rem !important; 178 margin-right: 0rem !important; 179 margin-bottom: 0rem !important; 180} 181 182.padding-left { 183 padding-top: 0rem !important; 184 padding-right: 0rem !important; 185 padding-bottom: 0rem !important; 186} 187 188.margin-horizontal { 189 margin-top: 0rem !important; 190 margin-bottom: 0rem !important; 191} 192 193.padding-horizontal { 194 padding-top: 0rem !important; 195 padding-bottom: 0rem !important; 196} 197 198.margin-vertical { 199 margin-right: 0rem !important; 200 margin-left: 0rem !important; 201} 202 203.padding-vertical { 204 padding-right: 0rem !important; 205 padding-left: 0rem !important; 206} 207 208</style></div><main class="main-wrapper"><div class="global-nav"><div data-w-id="a5d043f5-6933-2f37-a03f-05fc8dab5c57" class="fixed-cta-container"><a href="https://tidycal.com/blksmithco/discovery-call-15" target="_blank" class="fixed-cta w-inline-block"><div class="nav-button-text">Work with us</div></a></div><div class="navbar"><div class="navbar-container"><a id="w-node-a5d043f5-6933-2f37-a03f-05fc8dab5c5d-8dab5c56" href="#" class="home w-inline-block"><div class="word-logo"><div class="word-logo-text">BLKSMITH</div><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e3746bfc35875_ampersand.webp" loading="lazy" alt="Decorative Ampersand" class="image-5"/><div class="word-logo-text">CO</div></div></a><div class="nav-menu"><a href="#process" data-w-id="a5d043f5-6933-2f37-a03f-05fc8dab5c65" class="nav-link w-inline-block"><div class="nav-text-wrap"><div class="nav-text">Process</div><div class="nav-text-hover">Process</div></div></a><a href="#work" data-w-id="a5d043f5-6933-2f37-a03f-05fc8dab5c6b" class="nav-link w-inline-block"><div class="nav-text-wrap"><div class="nav-text">Our Work</div><div class="nav-text-hover">Our Work</div></div></a><a href="#services" data-w-id="a5d043f5-6933-2f37-a03f-05fc8dab5c71" class="nav-link w-inline-block"><div class="nav-text-wrap"><div class="nav-text">Capabilities</div><div class="nav-text-hover">Capabilities</div></div></a><a href="#mission" data-w-id="a5d043f5-6933-2f37-a03f-05fc8dab5c77" class="nav-link w-inline-block"><div class="nav-text-wrap"><div class="nav-text">Mission</div><div class="nav-text-hover">Mission</div></div></a><a href="#about" data-w-id="a5d043f5-6933-2f37-a03f-05fc8dab5c7d" class="nav-link w-inline-block"><div class="nav-text-wrap"><div class="nav-text">About</div><div class="nav-text-hover">About</div></div></a></div><a id="w-node-a5d043f5-6933-2f37-a03f-05fc8dab5c83-8dab5c56" data-w-id="a5d043f5-6933-2f37-a03f-05fc8dab5c83" href="#" class="button-4 secondary small nav-cta hide w-button">get in touch</a></div></div></div><header class="section-home-hero"><div class="padding-global"><div class="padding-section-large"><div class="container-large"><div class="max-width-full"><div class="vh-75"><div class="hero-title"><div class="margin-bottom margin-medium"><h1 class="heading-style-h1">Fractional Product Design <span class="char-ampersand">& </span> Dev Studio.</h1></div></div><p class="text-size-xlarge">We design and build brands, websites and digital products that stand out from the competition.</p><div class="margin-top margin-xlarge"><div class="button-group-2"><a href="https://tidycal.com/blksmithco/discovery-call-15" fs-smartlightbox-element="trigger-open" target="_blank" class="button w-button">See Our Work</a><a href="#services" class="text-style-link padding-horizontal padding-small w-inline-block"><div class="button is-text text-style-link">Explore Our Capabilities</div></a></div></div></div></div></div></div></div><div class="gradient-orb-blue"></div><div class="gradient-orb-gold"></div></header><div id="process" class="section-home-intro"><div class="padding-global"><div class="padding-section-large"><div class="container-large"><div class="intro-content"><div class="intro-heading"><h2 class="heading-style-h2">From idea to execution at the speed of thought.</h2></div><p class="intro-copy">As digital blacksmiths with over a decade of expertise, we've created systems and automations that streamline our workflow and give our clients the confidence to compete in the modern tech landscape.<br/></p></div><div class="padding-top padding-xlarge"><div class="intro-process"><div class="process-col"><div class="padding-bottom padding-medium"><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e3758d0c358b1_concept-icon.svg" loading="eager" alt="Concept Icon"/></div><div class="padding-bottom padding-small"><h3 class="heading-style-h3">Concept.</h3></div><p class="text-size-small">Our streamlined process takes your concept or idea from paper to prototype. As fast as you can think it.</p></div><div class="process-col"><div class="padding-bottom padding-medium"><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37c106c358b0_design-icon.svg" loading="eager" alt="Design Icon"/></div><div class="padding-bottom padding-small"><h3 class="heading-style-h3">Design.</h3></div><p class="text-size-small">Every detail counts and we take pride in crafting well designed and powerful experiences for your users.</p></div><div class="process-col"><div class="padding-bottom padding-medium"><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373d4dc358b3_build-icon.svg" loading="eager" alt="Build Icon"/></div><div class="padding-bottom padding-small"><h3 class="heading-style-h3">Build.</h3></div><p class="text-size-small">We build exclusively with no-code/low-code tools giving you leverage and speed without sacrificing quality and scalability.</p></div><div class="process-col"><div class="padding-bottom padding-medium"><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37035dc358af_grow-icon.svg" loading="eager" alt="Grow Icon"/></div><div class="padding-bottom padding-small"><h3 class="heading-style-h3">Grow.</h3></div><p class="text-size-small">We want to see you grow and getting your business to market quickly allows you to focus on validating and growing.</p></div></div></div></div></div></div><div class="gradient-orb-blue-2"></div><div class="gradient-orb-gold-2"></div></div><section id="work" class="section-home-work"><div class="margin-bottom margin-xxlarge"><div data-delay="4000" data-animation="slide" class="section-work-slider w-slider" data-autoplay="false" data-easing="ease-in-out-cubic" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="1200" data-infinite="true"><div class="work-slider-wrapper w-slider-mask"><div class="work-slide w-slide"><div class="slide-container"><div class="work-content"><div class="padding-bottom padding-small"><h2 class="text-color-white">Marinely</h2></div><p class="text-color-white">Branding, Design Support, Webflow Development, Product Ownership, Application Design</p></div><div class="slide-bg"><div class="bg-overlay"></div><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373754c358b5_Marinely-Portfolio-bg.webp" loading="eager" sizes="80vw" srcset="https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373754c358b5_Marinely-Portfolio-bg-p-500.jpg 500w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373754c358b5_Marinely-Portfolio-bg-p-800.jpg 800w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373754c358b5_Marinely-Portfolio-bg-p-1080.jpg 1080w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373754c358b5_Marinely-Portfolio-bg-p-1600.jpg 1600w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373754c358b5_Marinely-Portfolio-bg-p-2000.jpg 2000w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373754c358b5_Marinely-Portfolio-bg.webp 2542w" alt="Marinely Lifestyle Image" class="slide-bg-img marinely"/></div></div></div><div class="work-slide w-slide"><div class="slide-container"><div class="work-content"><div class="padding-bottom padding-small"><h2 class="text-color-white">bundleIQ</h2></div><p class="text-color-white">Design Support, Webflow Development, User Experience, User Interface</p></div><div class="slide-bg"><div class="bg-overlay"></div><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e377126c358b9_BundleIQ-Portfolio-bg.webp" loading="eager" sizes="80vw" srcset="https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e377126c358b9_BundleIQ-Portfolio-bg-p-500.jpg 500w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e377126c358b9_BundleIQ-Portfolio-bg-p-800.jpg 800w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e377126c358b9_BundleIQ-Portfolio-bg-p-1080.jpg 1080w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e377126c358b9_BundleIQ-Portfolio-bg-p-1600.jpg 1600w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e377126c358b9_BundleIQ-Portfolio-bg-p-2000.jpg 2000w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e377126c358b9_BundleIQ-Portfolio-bg.webp 2542w" alt="BundleIQ Lifestyle Image" class="slide-bg-img bundleiq"/></div></div></div><div class="work-slide w-slide"><div class="slide-container"><div class="work-content"><div class="padding-bottom padding-small"><h2 class="text-color-white">RealTrade</h2></div><p class="text-color-white">Branding, Prototyping, User Experience, User Interface</p></div><div class="slide-bg"><div class="bg-overlay"></div><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37356cc358b4_Realtrade-Portfolio-bg.webp" loading="eager" sizes="80vw" srcset="https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37356cc358b4_Realtrade-Portfolio-bg-p-500.jpg 500w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37356cc358b4_Realtrade-Portfolio-bg-p-800.jpg 800w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37356cc358b4_Realtrade-Portfolio-bg-p-1080.jpg 1080w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37356cc358b4_Realtrade-Portfolio-bg-p-1600.jpg 1600w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37356cc358b4_Realtrade-Portfolio-bg-p-2000.jpg 2000w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37356cc358b4_Realtrade-Portfolio-bg.webp 2542w" alt="Real Trade Lifestyle Image" class="slide-bg-img realtrade"/></div></div></div><div class="work-slide w-slide"><div class="slide-container"><div class="work-content"><div class="padding-bottom padding-small"><h2 class="text-color-white">Insider777</h2></div><p class="text-color-white">Branding, Design Support, Product Ownership, Rapid Prototyping, Application Design</p></div><div class="slide-bg"><div class="bg-overlay"></div><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e374659c358b7_Insider777-Portfolio-bg.webp" loading="eager" sizes="80vw" srcset="https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e374659c358b7_Insider777-Portfolio-bg-p-500.jpg 500w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e374659c358b7_Insider777-Portfolio-bg-p-800.jpg 800w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e374659c358b7_Insider777-Portfolio-bg-p-1080.jpg 1080w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e374659c358b7_Insider777-Portfolio-bg-p-1600.jpg 1600w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e374659c358b7_Insider777-Portfolio-bg-p-2000.jpg 2000w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e374659c358b7_Insider777-Portfolio-bg.webp 2542w" alt="Insider777 Lifestyle Image" class="slide-bg-img insider777"/></div></div></div><div class="work-slide w-slide"><div class="slide-container"><div class="work-content"><div class="padding-bottom padding-small"><h2 class="text-color-white">BuyChain</h2></div><p class="text-color-white">Rapid Prototyping, Enterprise Application Design</p></div><div class="slide-bg"><div class="bg-overlay"></div><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e370207c358b8_BuyChain-Portfolio-bg.webp" loading="eager" sizes="80vw" srcset="https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e370207c358b8_BuyChain-Portfolio-bg-p-500.jpg 500w, https://assets-global.website-files.com/63fd11dd662e37f605c3583
208c/63fd11dd662e370207c358b8_BuyChain-Portfolio-bg-p-800.jpg 800w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e370207c358b8_BuyChain-Portfolio-bg-p-1080.jpg 1080w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e370207c358b8_BuyChain-Portfolio-bg-p-1600.jpg 1600w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e370207c358b8_BuyChain-Portfolio-bg-p-2000.jpg 2000w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e370207c358b8_BuyChain-Portfolio-bg.webp 2542w" alt="BuyChain Lifestyle Image" class="slide-bg-img buychain"/></div></div></div><div class="work-slide w-slide"><div class="slide-container"><div class="work-content"><div class="padding-bottom padding-small"><h2 class="text-color-white">Kush Rewards</h2></div><p class="text-color-white">Branding, Design Support, Prototyping, User Experience, User Interface</p></div><div class="slide-bg"><div class="bg-overlay"></div><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37855dc358b6_KushRewards-Portfolio-bg.webp" loading="eager" sizes="80vw" srcset="https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37855dc358b6_KushRewards-Portfolio-bg-p-500.jpg 500w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37855dc358b6_KushRewards-Portfolio-bg-p-800.jpg 800w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37855dc358b6_KushRewards-Portfolio-bg-p-1080.jpg 1080w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37855dc358b6_KushRewards-Portfolio-bg-p-1600.jpg 1600w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37855dc358b6_KushRewards-Portfolio-bg-p-2000.jpg 2000w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37855dc358b6_KushRewards-Portfolio-bg.webp 2542w" alt="Kush Rewards Lifestyle Image" class="slide-bg-img kushrewards"/></div></div></div></div><div class="slider-arrow left w-slider-arrow-left"><div class="icon w-icon-slider-left"></div></div><div class="slider-arrow right w-slider-arrow-right"><div class="icon w-icon-slider-right"></div></div><div class="slide-nav w-slider-nav w-round"></div></div></div></section><section id="services" class="section-home-services"><div class="padding-section-medium"><div class="logo3_component"><div data-w-id="8f210833-d883-66f9-add7-3e49856dbdb9" class="logo3_list"><div id="w-node-_8f210833-d883-66f9-add7-3e49856dbdc9-43c3583d" class="logo3_wrapper"><h1 class="heading-style-scroller">PRODUCTÂ DESIGN</h1></div><div id="w-node-_8f210833-d883-66f9-add7-3e49856dbdbd-43c3583d" class="logo3_wrapper"><h1 class="heading-style-scroller">BRANDING</h1></div><div id="w-node-_8f210833-d883-66f9-add7-3e49856dbdc0-43c3583d" class="logo3_wrapper"><h1 class="heading-style-scroller">MOBILEÂ APPÂ DESIGN</h1></div><div id="w-node-_8f210833-d883-66f9-add7-3e49856dbdc3-43c3583d" class="logo3_wrapper"><h1 class="heading-style-scroller">DESIGNÂ SYSTEMS</h1></div></div><div data-w-id="8d1869eb-2252-b657-75fb-29a0002e0759" class="logo3_list"><div id="w-node-_8d1869eb-2252-b657-75fb-29a0002e0766-43c3583d" class="logo3_wrapper"><h1 class="heading-style-scroller">WEBFLOW DEVELOPEMT</h1></div><div id="w-node-_8d1869eb-2252-b657-75fb-29a0002e0769-43c3583d" class="logo3_wrapper"><h1 class="heading-style-scroller">WEBÂ DESIGN</h1></div><div class="logo3_wrapper"><h1 class="heading-style-scroller">RAPIDÂ PROTOTYPING</h1></div></div></div></div></section><section id="mission" class="section-home-clients"><div class="padding-global"><div class="padding-vertical padding-xhuge"><div class="container-medium"><div class="margin-bottom margin-medium"><div class="text-align-center"><h2 class="heading-style-h2">We give our clients the leverage to stand out in the modern digital landscape.</h2></div></div><div class="margin-bottom margin-xxlarge"><div class="text-align-center"><p class="intro-copy">Technology has advanced and with it so have the systems and processes used to build and launch brands and products. We believe in order to compete today y
208ou need to adapt or get beat by those who do.</p></div></div><div class="client-logos"><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373d06c358bf_rt-logo.svg" loading="lazy" width="153" id="w-node-_7e857949-9ee1-4711-5cd4-92ead64d292d-43c3583d" alt=""/><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37f8bfc358bc_biq-logo.svg" loading="lazy" width="180" id="w-node-f790e9f3-a478-76d1-f704-2fe11e521a28-43c3583d" alt=""/><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37ab80c358ba_ezw-logo.svg" loading="lazy" width="197" id="w-node-d1771cbf-16c8-07dd-95bf-18231235fdff-43c3583d" alt=""/><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e379441c358bb_bc-logo.svg" loading="lazy" width="212" id="w-node-_9c5bb843-c361-078b-1b9a-069099208be9-43c3583d" alt=""/><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e3753b6c358bd_cd-logo.svg" loading="lazy" width="241" id="w-node-_71d4d1ec-975b-efe4-98b3-26d8d755fc53-43c3583d" alt=""/><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373419c358c1_mar-logo.svg" loading="lazy" width="217" id="w-node-_337d68e1-1ec5-f14c-d1e9-ec5bc81381c8-43c3583d" alt=""/><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e376374c358c0_kr-logo.svg" loading="lazy" width="266" id="w-node-d76a61ad-b00a-5558-7861-e95551db8d85-43c3583d" alt=""/><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37af45c358be_i777-logo.svg" loading="lazy" width="178" id="w-node-cfb0e00e-f6c3-2236-14f2-a183e237d454-43c3583d" alt=""/></div></div></div></div></section><section id="about" class="section-home-about"><div class="about-grid"><div id="w-node-_5b456024-f948-1bb6-b47d-0766ea0f82e8-43c3583d" class="about-img-wrapper"><div class="about-image-overlay"></div><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e371088c358c2_about-image.webp" loading="eager" sizes="(max-width: 991px) 100vw, 43vw" srcset="https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e371088c358c2_about-image-p-500.jpg 500w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e371088c358c2_about-image-p-800.jpg 800w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e371088c358c2_about-image-p-1080.jpg 1080w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e371088c358c2_about-image-p-1600.jpg 1600w, https://assets-global.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e371088c358c2_about-image.webp 1684w" alt="The Blksmith team gathered reviewing a website build." class="about-bg"/></div><div id="w-node-_354a4a64-d7fa-8843-9033-acc7420bba98-43c3583d" class="about-content"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-medium"><h3 id="w-node-_91bcdd7d-a839-2f68-db92-46d0209de626-43c3583d" class="heading-style-h2 text-color-white">Crafting connection.</h3></div><p class="intro-copy text-color-white">We value people over everything and our people truly are the best. Cultivating a culture of trust and respect where creativity can thrive and mistakes are empowering isn't easy but its pivotal when creating world class products and experiences.</p><div class="about-social"><div class="padding-top padding-xlarge"><h4 class="heading-style-h3 text-color-white">Connect with us</h4><div class="social-icons"><a id="w-node-bf979d8e-ab47-d91f-7fb9-85cb06d26084-43c3583d" href="https://www.linkedin.com/company/blksmithco/" target="_blank" class="social-link w-inline-block"><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37c47bc358c4_linkedin.svg" loading="lazy" id="w-node-_02b2403e-486e-c7ce-32ed-c1162adf0281-43c3583d" alt="LinkedIn Logo"/></a><a id="w-node-faeaf57a-b1a7-c555-4131-06a5ef480539-43c3583d" href="https://twitter.com/blksmithstudio" target="_blank" class="social-link w-inline-block"><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e37e18fc358c3_twitter.svg" loading="lazy" id="w-node-_76b1a66a-9550-5bc4-f8e5-97b4140533a8-43c3583d" alt="Twiter Logo"/></a><a id="w-node-_96bc8fb6-64d0-113e-379c-76fde3d901c7-43c3583d" href="https://dribbble.com/designedbyart" class="social-link w-inline-block"><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e373852c358c5_dribbble.svg" loading="lazy" id="w-node-ec543859-240c-49a1-248a-89558bb2634a-43c3583d" alt="Dribbble Logo"/></a><a id="w-node-c30844c7-3f86-83f2-023e-48ee78ff7f79-43c3583d" href="https://instagram.com/blksmithco" target="_blank" class="social-link w-inline-block"><img src="https://cdn.prod.website-files.com/63fd11dd662e37f605c3583c/63fd11dd662e377c42c358c6_instagram.svg" loading="lazy" id="w-node-_3d6b4885-f4da-c7f5-b2ae-eaa2e0f68945-43c3583d" alt="Dribbble Logo"/></a></div></div></div></div></div></div></section></main><div class="section-home-footer"><div class="padding-global"><div class="padding-top padding-xhuge"><div class="container-medium"><div class="margin-bottom margin-large"><div class="footer-heading"><h5 class="heading-style-mega text-color-white">Ready to hire a digital blacksmith?</h5></div></div><div class="footer-content"><p class="intro-copy text-color-white">Our team of no-code craftsmen will guide you each step of the way and help you launch in record time so you can get back to running your business.</p></div><div class="margin-top margin-xlarge"><div class="button-group-2"><a href="https://tidycal.com/blksmithco/discovery-call-15" fs-smartlightbox-element="trigger-open" target="_blank" class="button button-color-gold w-button">Work with us</a></div></div></div></div></div></div></div>
208<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=63fd11dd662e37f605c3583c" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
208<script src="https://assets-global.website-files.com/63fd11dd662e37f605c3583c/js/webflow.7fbed0438.js" type="text/javascript"></script>
208<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
vendor: 1 bytes, line 208
208
209<script> 210// Copyright start 211// © Code by T.RICKS, https://www.tricksdesign.com/ 212// You have the license to use this code in your projects but not redistribute it to others 213// Find all text with .tricks class and break each letter into a span 214var tricksWord = document.getElementsByClassName("tricks"); 215for (var i = 0; i < tricksWord.length; i++) { 216var wordWrap = tricksWord.item(i); 217wordWrap.innerHTML = wordWrap.innerHTML.replace(/(^|<\/?[^>]+>|\s+)([^\s<]+)/g, '$1<span class="tricksword">$2</span>'); 218} 219var tricksLetter = document.getElementsByClassName("tricksword"); 220for (var i = 0; i < tricksLetter.length; i++) { 221var letterWrap = tricksLetter.item(i); 222letterWrap.innerHTML = letterWrap.textContent.replace(/\S/g, "<span class='letter'>$&</span>"); 223} 224// Copyright end 225 226function switchHeadlines() { 227 let activeHeadline = $('.headline_text.tricks.active'); 228 if (activeHeadline.next().length > 0) { 229 activeHeadline.next().addClass('active'); 230 } else { 231 $('.headline_text.tricks').eq(0).addClass('active'); 232 } 233 activeHeadline.removeClass('active'); 234} 235 236function createAnimation() { 237 238var tl = anime.timeline({ 239 loop: false, 240 autoplay: true 241}); 242 243tl 244 .add({ 245 targets: '.headline_text.active .letter', 246 translateY: [15,0], 247 translateZ: 0, 248 opacity: [0,1], 249 easing: "easeOutExpo", 250 duration: 1400, 251 delay: (el, i) => 300 + 30 * i 252 }).add({ 253 targets: '.headline_text.active .letter', 254 translateY: [0,-15], 255 opacity: [1,0], 256 easing: "easeInExpo", 257 duration: 1200, 258 delay: (el, i) => 100 + 30 * i, 259 // Change text on loop 260 complete: function(anim) { 261 switchHeadlines(); 262 createAnimation(); 263 } 264 }); 265 266 267} 268createAnimation(); 269 270 271</script>
271</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.