Otaku Pride Miku Hatsune v0.1 Available

Nina's OP Miku Hatsune layout draft
Click to Enlarge

So as a bit of a gift to show my appreciation for what Otaku Pride's team (and my good friends) has done for me, KOU, and Dance of Heart, I decided to draft up a Miku Hatsune style layout based off of the one we're already using. In case you're wondering, I did use the original site as a base, but had to remake almost everything from scratch to duplicate the page. Doing this took me about six or so hours, but I had fun making it.

Because Jim adapted the layout we are currently using from Stock Overflow, I wasn't sure how far out of bounds I could go with certain things. So I kept everything simple and mainly just adapted colors to give a Miku feel. For example, the green for the "Replies" box is to represent her leek and the hot pink was taken from her headphones.

Well, feedback would be great I guess. I planned on doing a Topic page example as well, but I figured I shouldn't get too carried away until I hear from all of you. Thanks in advance. =]

note from moderator: you can change your theme in your settings

3 years, 8 months ago
Nina
4745 ●1 ●3 ●10

15 replies (reply)

6

I'm in love. It's beautiful.

Too bad I still can't get my hands on VOCALOID! but.... That's a great layout. Adorable. XD

link
3 years, 8 months ago
KaminaSama
2797 ●1 ●7
add comment
4

YES this is exactly what the site needs! This is a beautiful layout! I hope that others follow in your footsteps and bring new designs.

link
3 years, 8 months ago
sasha
1409 ●2 ●10
add comment
4

Good job, very subtle yet aesthetically pleasing ;-)

link
3 years, 8 months ago
TomHarrigan
4146 ●1 ●5 ●11

comments

Glad this has your support! =] - Nina 3 years, 8 months ago
add comment
3

I like it! :)

link
3 years, 8 months ago
jim
6456 ●2 ●4 ●11

comments

I'm happy to hear that! So what exactly could we do to implement this as an option? What would you need from me. - Nina 3 years, 8 months ago
Background image + hex color codes. What did you use to make the mockup? - TomHarrigan 3 years, 8 months ago
Wow, now that I think about that question, it was a pretty dumb one. I used PShop. I guess giving hex codes would make more sense than swatches. Probably should do both. - Nina 3 years, 8 months ago
@Nina I'll give you a call later today to work out the logistics :) - jim 3 years, 8 months ago
add comment
2

I'm not much of a Vocaloid fan, but it looks great.

Not much input from me eh?

link
3 years, 8 months ago
False_Messiah
1804 ●1 ●9

comments

The 'It Looks Great' is all someone really needs to feel satisfied. :P - KaminaSama 3 years, 8 months ago
add comment
2

I agree with KaminaSama for wishing I could get Vocaloid, but other than that...

This is awesome. I absolutely love it. I like the look of it being subtle with the background and not right in your face, and the colors make me happy. You got me with the pink and aqua blueish/green.

If we get to use this, I most certainly will be~ Great job, Nina! Haha, now we just need the other Vocaloids.

link
3 years, 8 months ago
FoxKaiya
1854 ●1 ●7
add comment
2

I love it! Great colors, and it's nice that nothing is dominating over anything else. Very well thought-out. :3

link
3 years, 8 months ago
rollingstar5
1165 ●2 ●9
add comment
2

first (buggy-as-hell) draft is available for trying out:

Click here to get the Miku Theme v0.1

(I've already found some bugs, but please leave any that you find in the comments)

link
3 years, 7 months ago
jim
6456 ●2 ●4 ●11

comments

badges are messed. looks really neat though - TomHarrigan 3 years, 7 months ago
Looks really nice so far! On the index page, the karma and badge #s aren't dark like the sidebar titles. Feel free to drop down the rollover hex for the Ignored tags. On the Posts pages, hyperlinks aren't the same color as normal Tags. - Nina 3 years, 7 months ago
add comment
1

Well, I've given it a try and I have to say I like it. It is very "pretty"; granted I won't be sticking with it.

I need a man's theme, 'cause I'm a man! (+10 Karma if you get that)

I'm still looking forward to a better Konami theme *coughJimcough*, and it should probably be Konami-related. What do you think, Neil: are you up for the challenge?

link
3 years, 7 months ago
GooieGreen
5987 ●3 ●4 ●10

comments

Haha, I've gained Ryan's approval XD I don't know when I'll be making another one, but I may take on the challenge after I make a Dark theme. We'll see. =] - Nina 3 years, 7 months ago
add comment
0

Hmm, I feel like it ought to have a large microphone in a corner somewhere. Interesting color scheme - does she really use that much hot pink?

link
3 years, 7 months ago
moritheil
924 ●9

comments

My goal was to keep this simple to serve as an example for future layouts. I personally feel a mic would be distracting visually. The hot pink (and every color used) was taken directly from her & has nothing to do with the amount shown. - Nina 3 years, 7 months ago
I see. I guess I hadn't really noticed the touch of pink - it's just a fringe on the chara, right? :) - moritheil 3 years, 7 months ago
It is overall very neat :) I just have a tendency to nitpick. - moritheil 3 years, 7 months ago
add comment
0

So is anyone besides me using this constantly..? Everyone gave great feedback on the colors and feel of it, but I don't want Jim to get discouraged on making the changes. So give a shout if you are using it, please! =]

link
3 years, 7 months ago
Nina
4745 ●1 ●3 ●10
add comment
0

Most of the bugs are now fixed. ie. the alternating backgrounds on the badges should be fixed etc. There should be a nice handful of themes soon enough, and users will be able to select their theme via their profile. btw wgood job creating the miku theme @nina and with the implementation @jim

link
3 years, 7 months ago
TomHarrigan
4146 ●1 ●5 ●11

comments

Its allnina :) I just edited a css file =] - jim 3 years, 7 months ago
add comment
0

... How do I use this? D: I can't figure it out!

link
3 years, 6 months ago
Mana
296 ●6

comments

If you scroll down a little ways to find Jim's post, he posted a link... - Nina 3 years, 6 months ago
add comment
0

I LOVE IT!!!!!!!!!!!!!!!! May all vocaloid like awesomness spread like wild fire!!!!! Can you tell if I like vocaloid! Hee Hee!

link
1 year, 6 months ago
kawaiiotaku
466 ●5
add comment

Post A Reply

Please login to leave a reply.