Typekit is one of the best font services out there, but it feels a bit clunky to use. I had a go at what I'd do if I was designing it. Was a lot of fun making this!
Attached a full PNG and the PSD to have a play with. Enjoy!
P.S: Mr. Typekit, if you're reading this, you can totally use it.
Pretty nice, but I'm not a huge fan. Typekit have done an outstanding job of displaying a lot of information, and it just keeps on getting better. This feels a little like it's missing a lot of content. I'm afraid I wouldn't be able to pinpoint what exactly I don't like about it.
@Dan Eden That was the entire reason I did this: it always feels like there's an information overload. I personally don't care about the foundry's backstory, and don't want to have to have to open the kit editor in a new window. This way, all the necessary information is in one page, and the extras are gone. Nice and streamlined. I get what you're saying, though.
Design wise it's really nice, but like @Dan Eden it just doesn't fit for me. I like the flatness they have at the moment as it helps place focus on the typography.
But as a way to view your collection, quickly adjust the type settings to get a better feeling for them, this is bloody lovely.
I quickly compared your screenshot with the typekit UI, and all I see is some reorganization and addition of gradients/shadows. Would be great if you explained what you did there, especially on that awesome blog of yours!
@Sumit Paul It's not going on my blog. The thought behind it is two things: a visual exercise (I wanted to see what Typekit would look like if it wasn't flat) and an information architecture exercise (I wanted to see what it'd be like if it didn't have that damn popup window — I assume you haven't used Typekit before; if you had, you wouldn't like that). Was just a bit of fun, really.
36 Responses (page 1 of 2)
Typekit is one of the best font services out there, but it feels a bit clunky to use. I had a go at what I'd do if I was designing it. Was a lot of fun making this!
Attached a full PNG and the PSD to have a play with. Enjoy!
P.S: Mr. Typekit, if you're reading this, you can totally use it.
about 1 year ago
Thanks for PSD :)
about 1 year ago
Pro
Dison Du
Okay, now here's a list of sites that need a redesign...
about 1 year ago
Pro
Tanveer Junayed
Great work as always!
about 1 year ago
Nice job! ( That panda sure has a fondness for gradients)
about 1 year ago
You sir are made of win!
about 1 year ago
Pro
Lukas Bugla
Haha, nice!
about 1 year ago
Don't forget to leave room for "by Adobe"
about 1 year ago
Pretty nice, but I'm not a huge fan. Typekit have done an outstanding job of displaying a lot of information, and it just keeps on getting better. This feels a little like it's missing a lot of content. I'm afraid I wouldn't be able to pinpoint what exactly I don't like about it.
Least useful feedback ever.
about 1 year ago
Pro
Manyo
This looks rather fresh!
about 1 year ago
@Dan Eden That was the entire reason I did this: it always feels like there's an information overload. I personally don't care about the foundry's backstory, and don't want to have to have to open the kit editor in a new window. This way, all the necessary information is in one page, and the extras are gone. Nice and streamlined. I get what you're saying, though.
about 1 year ago
Yes please! I think @Jason Santa Maria Is responsible for the current version. Personally, I think Typekit is due for a refresh.
about 1 year ago
Pro
Glenn Hitchcock
Design wise it's really nice, but like @Dan Eden it just doesn't fit for me. I like the flatness they have at the moment as it helps place focus on the typography.
But as a way to view your collection, quickly adjust the type settings to get a better feeling for them, this is bloody lovely.
about 1 year ago
Pro
Jonathan Ogden
Nice work! I love the current site and wouldn't change it, but this one is really nice as it's own design. Keep up the awesome :)
about 1 year ago
Pro
Maxwell Barvian
I love it. I used Typekit for the first time a few weeks ago, and totally agree with you. It felt rather tedious to get everything set up.
about 1 year ago
Pro
Jason Santa Maria
Just a heads up, it's "Typekit", no camel case. :)
about 1 year ago
Pro
Alex King
Amazing work dude...
about 1 year ago
Pro
Matt Kump?
y u no have sort filters? I like the inline 'kit' though. _blank for the lose.
about 1 year ago
Pro
Vilém Ries
oh, poor fox.
Great work!
about 1 year ago
Very nice. :)
Can you send me your background wallpaper?
about 1 year ago
@Domenik Töfflinger It's in the PSD, just grab it from there!
about 1 year ago
@Visual Idiot Thanks. :)
about 1 year ago
Pro
Sumit Paul
I quickly compared your screenshot with the typekit UI, and all I see is some reorganization and addition of gradients/shadows. Would be great if you explained what you did there, especially on that awesome blog of yours!
about 1 year ago
@Sumit Paul It's not going on my blog. The thought behind it is two things: a visual exercise (I wanted to see what Typekit would look like if it wasn't flat) and an information architecture exercise (I wanted to see what it'd be like if it didn't have that damn popup window — I assume you haven't used Typekit before; if you had, you wouldn't like that). Was just a bit of fun, really.
about 1 year ago
Pro
zee7 ✽
i'm not a fan of green color on top, it doesn't fit with all layout imo other than that i quite like it!
about 1 year ago