PageSourceSearch

https://blksmithco.webflow.io/

html blksmithco.webflow.io collected 2026-10-03 12:51:01 UTC 31,119 bytes, 271 lines download raw bytes

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 &amp;  Development Studio.</title><meta content="We&#x27;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 &amp;  Development Studio." property="og:title"/><meta content="We&#x27;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 &amp;  Development Studio." name="twitter:title"/><meta content="We&#x27;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">&amp; </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&#x27;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&#x27;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.