ta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

script>

Click to Call

get quote Our Portfolio

Portfolio

Designer Pencil is a leading online digital agency providing the best solutions to customers globally for website design, website development and logo design. Designer Pencil has successfully achieved the goal to provide custom web design, web development, logo design and printing material online to our customers. We are known as the top digital agency in US region.

We have developed a website for companies in all industries. When you come to hire Designer Pencil, you will be served by the highly experienced teams of web developers, who are performing in-house services for long. We provide dedicated, professional and high-quality web development services to companies at affordable rates. We are known for delivering creative unique concepts and advanced technologies for development projects. We have unlimited web development packages available on our website. You can pick the one or ask us for a custom quotation through live chat.

Designer Pencil is a platform of dedicated well-skilled and well-educated web designers who love to provide creative and advanced web design concepts. We deliver top quality and result oriented website design service in budget-friendly cost. Designer Pencil is an expert to provide balancing quality for website design services to the companies of all industries. Through our creative website design services, companies are earning the best revenues. Hire the expert website designers of Designer Pencil at the best rate.

We believe that the logo should be memorable so that the site visitors can become customers. We at Designer Pencil are expert to deliver the top quality logo design services according to the requirement of a business. Our professional logo designers hold the experience to deliver the best quality logo design services according to the needs of the customers. We have listed a few of our logos we have designed for different brands and businesses. You can check the logos as a sample work of our company. No matter what is the industry of your company, we will provide you top-quality logo design services covering all of your business information smartly.

Check out Our Creative Design Collection!

We've designed a number of logos, websites, and brands for our clients over the decade.

All Logo Website

yle> /*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-inner, .fancybox-outer, .fancybox-skin { position: relative } .fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top } .fancybox-wrap { width: 100% !important; height: auto !important; top: 220px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important } .fancybox-skin { background-color: #f1ede5; color: #614d4b; text-shadow: none } .fancybox-opened { z-index: 9999999 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5) } .fancybox-inner { overflow: hidden; width: 100% !important; height: auto !important } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; display: none } .fancybox-iframe, .fancybox-image { display: block; width: 100%; height: 100% } .fancybox-image { max-width: 100%; max-height: 100% } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -306px; opacity: 1; cursor: pointer; z-index: 8060; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff } .fancybox-close, .fancybox-nav, .fancybox-nav span { cursor: pointer; z-index: 8040; position: absolute } #fancybox-loading div { width: 44px; height: 44px; background: url(//cdn.shopify.com/s/files/1/0109/6532/t/23/assets/loader.gif?5661881326289827546) center center no-repeat; background-size: 32px 32px; display: block !important } .fancybox-close { position: fixed; top: 6px; right: 14px; background: url() no-repeat; height: 28px; width: 28px } .mssubmit12, .newsletter_livechat a { background: #b11e22 !important; font-size: 14px !important; font-weight: 400 !important; color: #fff !important } .mssubmit12 { padding: 12px 64px !important; height: auto !important; width: auto !important; float: right; margin-top: 2px; line-height: normal !important; border-radius: 8px !important; margin-bottom: 0 !important } .newsletter_livechat { float: left; text-align: center; width: 33%; margin-top: 210px } .newsletter_livechat a { padding: 12px 36px !important; text-transform: uppercase; border-radius: 8px } .newsletter_livechat a:hover { opacity: .7; text-decoration: none } .mssubmit12:hover { opacity: .7 } .gallery .fancybox-close { top: 2px; right: 2px } .fancybox-nav { top: 0; width: 40%; height: 100%; text-decoration: none; background: url(//cdn.shopify.com/s/files/1/0109/6532/t/23/assets/blank.gif?5661881326289827546); -webkit-tap-highlight-color: transparent } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { top: 50%; width: 60px; height: 60px; margin-top: -18px; visibility: hidden; color: #333; opacity: .8; text-shadow: 0 0 1px #fff } .fancybox-prev span { left: 16px } .fancybox-next span { right: -10px } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden } .fancybox-lock { overflow: hidden } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 999999; background: url(//cdn.shopify.com/s/files/1/0109/6532/t/23/assets/fancybox_overlay.png?5661881326289827546) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; width: 100% } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -28px; z-index: 8050; text-align: center } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 0; background: 0 0; background: rgba(0, 0, 0, .6); text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap; width: 100%; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8) } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050 } #fancybox-thumbs.bottom { bottom: 2px } #fancybox-thumbs.top { top: 2px } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; border: none } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: .5; border: none } #fancybox-thumbs ul li.active { opacity: .75; padding: 0; border: 1px solid #fff } #fancybox-thumbs ul li:hover { opacity: 1 } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: 0 } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none } .newsletter { margin-bottom: 1.5em } .newsletter .contact-form { width: 460px; margin: 0 auto } @media (max-width:767px) { .newsletter .contact-form { width: 100% } } .newsletter input.sign_up { display: inline-block; width: 30% } @media (max-width:767px) { .newsletter input.sign_up { width: 100% } } .newsletter input.contact_email { width: 67%; display: inline-block; margin-right: 2% } @media (max-width:767px) { .newsletter input.contact_email { width: 100%; margin-right: 0 } } .newsletter_popup .fancybox-skin, .newsletter_popup .fancybox-skin a, .newsletter_popup .fancybox-skin a:visited, .newsletter_popup .fancybox-skin p.headline { color: #fff !important } .newsletter_popup .newsletter { margin-bottom: 0 } .newsletter_popup .fancybox-skin { padding: 0 !important; width: 100% !important; height: auto !important; background: transparent !important; box-shadow: none !important } .newsletter_popup .fancybox-outer { background: url() 0 0 / 100% 100% no-repeat; height: 324px !important; padding: 24px !important; box-shadow: 0px 0px 8px 4px #a5a5a5; width: 58% !important; margin: auto; cursor: pointer; float: none } .news_letter_input { float: right; text-align: center; width: 38%; margin-top: 90px } .news_letter_input input { width: 100%; background: #eedede; border: 1px solid transparent; padding: 10px; border-radius: 12px; color: #000; margin-bottom: 14px } .pwNewsInner { display: inline-block; width: 100% } @media (max-width:768px) { .fancybox-wrap { top: 70px !important } } @media (max-width:480px) { .mssubmit12, .news_letter_input input { padding: 4px 12px !important; font-size: 12px !important } .fancybox-wrap { width: 360px !important; top: 180px !important } .news_letter_input { margin-top: 72px } .news_letter_input input { border-radius: 6px !important; margin-bottom: 4px !important } .mssubmit12 { margin-top: 2px !important; border-radius: 4px !important } .newsletter_popup .fancybox-outer { padding: 2px !important; background-size: 100% 100%; height: auto !important } .newsletter_livechat { width: 110px !important; margin-top: 132px } .newsletter_livechat a { padding: 4px 7px !important; border-radius: 6px !important; font-size: 11px !important } .pwNewsSuccsMsgIn { font-size: 10px !important } .fancybox-close { right: -14px; height: 20px; background-size: 70% } } .mssubmit122 { background: #11401d !important; } .mssubmit122_error { background: #f90505 !important; } .news_letter_input input:focus { outline-offset: 0 !important; outline: -webkit-focus-ring-color auto 0px !important; } .circle .fa { height: 30px; width: 30px; background: url() no-repeat; bottom: 16px; position: fixed; right: 56px; margin-bottom: 50px; animation-name: arrow; animation-duration: 1s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-play-state: running; -webkit-animation-name: arrow; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; display: none; z-index: 999 } @keyframes arrow { 0%, 100% { bottom: 0 } 75% { bottom: 35px } } @-webkit-keyframes arrow { 0%, 100% { bottom: 0 } 75% { bottom: 35px } } @keyframes circle { 0%, 10%, 100% { height: 120px } 50%, 90% { height: 130px } 75% { height: 150px } } @-webkit-keyframes circle { 0%, 10%, 100% { height: 120px } 50%, 90% { height: 130px } 75% { height: 150px } } @-webkit-keyframes pulse { 0%, 8% { -webkit-transform: scale(0); opacity: 0 } 15% { -webkit-transform: scale(.1); opacity: 1 } 30% { -webkit-transform: scale(.5); opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(1.5) } } @-moz-keyframes pulse { 0%, 8% { -webkit-transform: scale(0); opacity: 0 } 15% { -webkit-transform: scale(.1); opacity: 1 } 30% { -webkit-transform: scale(.5); opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(1.5) } } @media (max-width:1200px) { .fancybox-wrap { top: 130px !important; } .newsletter_popup .fancybox-outer { width: 73% !important; padding: 0 !important; } } @media (max-width:992px) { .newsletter_popup .fancybox-outer { height: 276px !important; width: 80% !important; } } @media (max-width:768px) { .fancybox-lock .fancybox-overlay { z-index: 999999999; } .circle .fa { display: inline-block } .newsletter_popup .fancybox-outer { width: 80% !important; margin: auto; height: 242px !important; } .fancybox-wrap { top: 70px !important; } } @media (max-width:480px) { .fancybox-wrap { top: 180px !important; position: fixed } .newsletter_popup .fancybox-outer { height: 160px !important; width: 90% !important; } } .message-typing .dot { font-weight: bold; font-size: 30px; line-height: 0; } .message { font-size: 14px; margin: 0 4px 14px 4px; overflow: hidden; border-radius: 8px; padding: 0px 10px 0px 10px; font-family: arial } .message p { margin: 0; font-weight: normal; line-height: 18px; font-family: arial; } .message-live, .message-typing { background: #8dbf43; padding: 7px; opacity: 0; border-radius: 4px; color: #ffffff; float: left } .message-live { background: #f92123; } .message-live._playing, .message-typing._playing { -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .message-live._removing, .message-typing._removing { -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .message-typing .dot { display: inline-block; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-name: jump; animation-name: jump; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-direction: alternate-reverse; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .message-typing .dot._one { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .message-typing .dot._two { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .message-typing .dot._three { -webkit-animation-delay: 200ms; animation-delay: 200ms; } @-webkit-keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .livechat_message { position: fixed; right: 46px; bottom: 46px; width: 296px; z-index: 99999; cursor: pointer; border: 1px solid #f5f5f5; border-radius: 4px; background: #ffffff; padding-top: 16px; height: 210px; box-shadow: 0px 0px 8px #cacaca; } .message-typing { font-size: 12px; background: white; margin-top: 0; color: #000; padding: 14px; width: 269px; border-radius: 4px; line-height: normal; border: 0; border-top: 1px solid #e8e2e2; font-weight: normal; line-height: 18px; margin-top: 8px; font-family: arial } .livechat_message_cross { text-align: right; display: block; margin-bottom: 0px; position: relative; } .livechat_message_cross span { background: #d1242b; color: #fff; border-radius: 150px; height: 20px; width: 20px; display: inline-block; padding-right: 0; position: absolute; top: -26px; left: -10px; font-weight: bolder; font-size: 12px; line-height: 20px; text-align: center; } .write_livechat { font-size: 12px; background: white; color: #000; padding: 14px; width: 269px; border-radius: 4px; line-height: normal; border: 0; border-top: 1px solid #e8e2e2; margin-top: 8px; font-weight: normal; line-height: 18px; font-family: arial } .livechaticon_default { height: 60px; width: 60px; position: fixed; right: 20px; background: url(/app_themes/images/sprit.png) no-repeat 0px 0px; bottom: 20px; z-index: 9999999999; border-radius: 85px; } .trm_cnd_container { line-height: 32px; } .left_side_bar { line-height: 32px; float: left; } .left_side_bar ul { float: left; padding: 0; margin: 0; } .left_side_bar ul li { float: left; list-style: none; margin-right: 10px; } .left_side_bar ul li a { height: 24px; width: 24px; float: left; filter: contrast(0.5); padding: 4px 2px } .left_side_bar ul li:nth-child(1) a { background: url(/app_themes/images/sprit.png) no-repeat 1px -135px; } .left_side_bar ul li:nth-child(2) a { background: url(/app_themes/images/sprit.png) no-repeat -2px -218px; } .left_side_bar ul li:nth-child(3) a { background: url(/app_themes/images/sprit.png) no-repeat -3px -309px; } .left_side_bar ul li:nth-child(4) a { background: url(/app_themes/images/sprit.png) no-repeat -5px -401px; } .left_side_bar ul li:nth-child(5) a { background: url(/app_themes/images/sprit.png) no-repeat 2px -90px; } .left_side_bar ul li a:hover { filter: invert(1); } .service-based { width: 20%; float: left; } .bottom_area { width: 100%; display: inline-block; position: fixed; bottom: 32px; left: 0; z-index: 999; background: #eeeadf; display: none; margin: auto; height: 270px; overflow-y: scroll; } .position_relative1 { position: relative; width: 100%; padding: 0px 0px 20px; } .bottom_area h2 { font: 700 28px calibri; color: #ec2c4c; width: 100%; float: none; margin-bottom: 8px; } .indus_arrowdown { height: 19px; width: 33px; float: left; background: url(/app_themes/images/bottom_down.png) no-repeat 0 0; position: absolute; left: -28px; bottom: -16px; } .service-based ul { display: inline-block; padding: 0; margin: 0; } .service-based ul li { width: 100%; display: inline-block; list-style: none; } .service-based ul li { background: url(/app_themes/images/bottom_bullets.png) no-repeat left center; padding-left: 25px; margin-bottom: 4px; filter: grayscale(1); display: inline-block; text-transform: capitalize; } .service-based ul li:hover { filter: initial; color: #ec2c4c; } .bottom_area_close { float: right; font-weight: bold; font-size: 16px; color: #000000; cursor: pointer; } #platform .service-based { width: 16%; } #platform .indus_arrowdown { left: 0px; } #countries .service-based { width: 16%; } #countries .indus_arrowdown { left: 34px; } #services .indus_arrowdown { left: 70px; } #print_sec .indus_arrowdown { left: 102px; } .priting_area p { margin-bottom: 0; line-height: 24px; } #services .service-based { width: 25%; } ._four p::before { content: "Hi there! Looking for Business Solution?"; } ._three p::before { content: "Let's discuss your requirements!"; } ._one p::before { content: "We can help with Web/App Design, Development & Branding."; } ._two .msg-typ::before { content: "Agent is Typing"; } .write_livechat::before { content: "Please Write Here..."; } @media (max-width:1200px) { .indus_arrowdown { left: -6px; } #platform .indus_arrowdown { left: 26px; } #countries .indus_arrowdown { left: 58px; } #services .indus_arrowdown { left: 94px; } .bottom_area_close { margin-right: 30px; } } @media (max-width:992px) { .service-based ul li { font-size: 12px; } } @media (max-width:768px) { .livechaticon_default { display: none; } .left_side_bar ul { float: none; display: inline-block; width: 100%; text-align: center; } .left_side_bar ul li { float: none; display: inline-block; } .bottom_area .position_relative1 { padding: 0; } .indus_arrowdown { left: 242px; } #platform .indus_arrowdown { left: 276px; } #countries .indus_arrowdown { left: 313px; } #services .indus_arrowdown { left: 352px; } #print_sec .indus_arrowdown { left: 352px; } .service-based { width: 33% !important; margin-top: 20px; border-bottom: 1px solid #9a9a9a; } .bottom_area_close { margin-right: 10px; margin-top: 8px; } .bottom_area { bottom: 75px; height: 232px; overflow-y: scroll; z-index: 999999; overflow-x: hidden; } } @media(max-width:480px) { .message { font-size: 12px; } .livechat_message { width: 276px; } .livechaticon_default { display: none; } .message-typing, .write_livechat { width: 249px; } .service-based { width: 100% !important; margin-top: 0px; border-bottom: 0; } .bottom_area h2 { font-size: 18px !important; } .indus_arrowdown { display: none !important; } .bottom_area { bottom: 102px; height: 238px; width: 98%; padding: 10px } } .floating_btn { position: fixed; bottom: 20px; left: 0px; width: 100px; height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1000; } .floating_btn a { text-decoration: none; } @keyframes pulsing { to { box-shadow: 0 0 0 30px rgba(232, 76, 61, 0); } } .contact_icon { background-color: #42db87; color: #fff; width: 60px; height: 60px; font-size: 30px; border-radius: 50px; text-align: center; box-shadow: 2px 2px 3px #999; display: flex; align-items: center; justify-content: center; transform: translatey(0px); animation: pulse 1.5s infinite; box-shadow: 0 0 0 0 #42db87; -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); font-weight: normal; font-family: sans-serif; text-decoration: none !important; transition: all 300ms ease-in-out; } .text_icon { margin-top: 8px; color: #707070; font-size: 13px; }

Please Wait!
Redirecting to parent site for portfolio....

ript src="/app_themes/script/dp_static_pages.js" defer>