Fresh Beginning
  • Home
  • Portfolio
  • Buy Me A Coffee
  • Patreon
  • Speaking
  • Reading
  • About Me
Subscribe
DuetLogo

Recreating Duet logo with HTML and CSS

  • Jayesh Kawli

Jayesh Kawli

Sep 30, 2015 • 1 min read

Last year I spent some time playing with CSS trying to make some exciting things. Especially recreating image graphics with CSS. This inspired me to recreate my company's (DuetHealth) logo with CSS.

This is how original logo looks like
Original Duet Logo

To be honest it took me few trial and error to come up with exact design rules. I also had to use Online color picker tool to extract desired color codes from logo. That worked quite well too.

Code itself is very small. I used WebStorm to write code on my local machine. It was fun 2 hour project including initial settings and nit picky changes.

I have created a repo on GitHub Here. I would love to hear if the code could be improved in any way. Just so it is easy to present, I have hosted code on JSFiddle Here.

This is how logo recreation looks like

Recreated Duet Logo with CSS and HTML

You can find the full source code on JSFiddle. Please check it out here

Please check out my Patreon and BuyMeACoffee pages too.
If you like my articles and want to keep me going on this journey, please consider donating on these platforms.
Your support in any form is much appreciated.
Buy me a coffee support

Patreon support

Sign up for more like this.

Enter your email
Subscribe
Using RxSwift to Populate Data on UITableView (iOS and Swift)

Using RxSwift to Populate Data on UITableView (iOS and Swift)

It's been a while since I posted. But better late than never. In today's blog post, I am going to write about how to use RxSwift to populate data in UITableView on iOS. RxSwift is a library for composing asynchronous and event-based code by using observable sequences and functional style
Oct 26, 2023 6 min read
SwiftUI: Apply Custom Formatting to Localized Strings

SwiftUI: Apply Custom Formatting to Localized Strings

In today's post, I am going to touch on a niche area in SwiftUI designs and string formatting. This is about how to apply custom formatting to localizable strings. It sounds complicated, so let me explain it with an example, Suppose I have a localizable string like this, Going from
Sep 27, 2023 6 min read
On Reading and Analyzing the Annual Reports

On Reading and Analyzing the Annual Reports

Recently I have taken to reading annual reports of companies - For now, only public Indian companies. My father used to and still trades in stocks and I remember when I was a kid, we used to receive several huge paper reports at the year's end. Now, thanks to increased
Aug 31, 2023 5 min read
Fresh Beginning © 2023
Powered by Ghost