Shop Mobile More Submit  Join Login
W8P - WordPress Theme by detrans W8P - WordPress Theme by detrans


Description:
W8P (Windows 8 Press) is a portfolio/gallery type WordPress theme, inspired by Windows 8 navigation.

Credits:
Photos: *randyrakhmadany
Color Scheme: [link]
Icons: [link] ; [link]
Grid: 24 col

...
Add a Comment:
 

Daily Deviation

Given 2012-11-12
:iconnabyfreeman:
nabyfreeman Featured By Owner Aug 18, 2013  Professional Interface Designer
beautiful flat design !
Reply
:iconworldwideown:
worldwideown Featured By Owner Aug 18, 2013
Really fresh and nice layout! :)
Reply
:iconmastermind-xtd:
Mastermind-XtD Featured By Owner Jul 31, 2013  Hobbyist Photographer
Gotta say... As much as I detest Windows and the Metro Interface especially... I fraking love that design for a Website. ;) Nicely done.
Reply
:iconjhunkystyle:
jhunkystyle Featured By Owner Jun 2, 2013  Student Artist
hmmm! where can i download it?
Reply
:iconinnovashuns:
innovashuns Featured By Owner Apr 29, 2013
cool!
Reply
:iconzambz:
Zambz Featured By Owner Mar 26, 2013
my god this is awesome :D love that colour scheme
Reply
:icontejjyassin:
TejjYassin Featured By Owner Mar 20, 2013  Hobbyist Interface Designer
Amazing
Reply
:iconvasilistz:
vasilistz Featured By Owner Feb 24, 2013
fabulous!!!!!
Reply
:iconfuzzypiglet:
fuzzypiglet Featured By Owner Feb 9, 2013
Hi, this theme looks great but where can people get it?
Reply
:iconjakobaindreas:
jakobaindreas Featured By Owner Feb 1, 2013  Student Interface Designer
how to add to my wordpress i'm searching it but no results please give me the link so i can add it
Reply
:iconativaras:
Ativaras Featured By Owner Jan 28, 2013
What fonts did you use? I always have trouble finding decent fonts... Do you use the ones that come with your PC/MAC or ones you've downloaded?
Reply
:icondetrans:
detrans Featured By Owner Jan 29, 2013  Professional Interface Designer
Segoe UI of course: [link]

There are so many "trendy" free fonts out there for print and web designers:

[link]
[link]
[link]
[link]
[link]
[link]

etc.
Reply
:iconfreewordpressthemes:
freewordpressthemes Featured By Owner Jan 27, 2013  Professional Interface Designer
Good job..
Reply
:iconolvacomm:
OLVACOMM Featured By Owner Jan 24, 2013
simply wow... thanks
Reply
:iconfelixplus:
FelixPlus Featured By Owner Jan 22, 2013  Professional Interface Designer
i love this :+favlove:
Reply
:iconmoonlightkisu:
moonlightkisu Featured By Owner Jan 15, 2013  Professional Digital Artist
download link?
Reply
:iconweee90:
weee90 Featured By Owner Jan 13, 2013  Hobbyist Artist
Very Nice.
Reply
:iconcallofsorrow:
callofsorrow Featured By Owner Jan 10, 2013  Student Interface Designer
what a page with more content will look like ? :) good work
Reply
:iconmatakk:
matakk Featured By Owner Jan 8, 2013
really awesome !! :)
Reply
:iconcallofsorrow:
callofsorrow Featured By Owner Jan 3, 2013  Student Interface Designer
good one :)
Reply
:iconsidamed:
sidamed Featured By Owner Jan 1, 2013  Student Photographer
its good plz share link for download
Reply
:iconkpoplovah4evah:
kpoplovah4evah Featured By Owner Dec 26, 2012  Student General Artist
How did you change the tiles to the color of your preferance?
Reply
:iconyek771:
yek771 Featured By Owner Dec 12, 2012
Really really loving this one... keep it up.. clean.. clear lines.. niiccee!
Reply
:icontheintenseplayer:
theIntensePlayer Featured By Owner Dec 4, 2012  Hobbyist Interface Designer
This is great!
Reply
:iconmilenist:
Milenist Featured By Owner Dec 4, 2012  Professional Traditional Artist
Do you sell it ?
Reply
:iconmilenist:
Milenist Featured By Owner Dec 4, 2012  Professional Traditional Artist
AWESOME bUDDY !!!
Reply
:iconencore13:
encore13 Featured By Owner Dec 3, 2012  Student Interface Designer
amazing,

love your works
Reply
:icondetrans:
detrans Featured By Owner Dec 3, 2012  Professional Interface Designer
ty
Reply
:iconprotey17:
Protey17 Featured By Owner Dec 2, 2012  Student Interface Designer
Wow! good colouring! = )
Reply
:iconepiclayer:
epicLAYER Featured By Owner Nov 29, 2012
Nice - I like it
Reply
:iconronek22:
ronek22 Featured By Owner Nov 28, 2012  Student Interface Designer
Awesome colors!
Reply
:iconindiakichoice:
indiakichoice Featured By Owner Nov 28, 2012  Hobbyist Interface Designer
I m <3 it ..
Reply
:icon123arskas:
123arskas Featured By Owner Nov 28, 2012  Professional Interface Designer
Awesome !!! Love it
Reply
:icondreams-cat:
Dreams-Cat Featured By Owner Nov 26, 2012
very nice i like it

::meao::
Reply
:iconmn9x:
mn9x Featured By Owner Nov 26, 2012  Student Filmographer
I love metro and this theme of course :)
Reply
:iconmoslem-d:
moslem-d Featured By Owner Nov 26, 2012  Hobbyist Digital Artist
Awesome !
Reply
:iconchristophkreibich:
ChristophKreibich Featured By Owner Nov 26, 2012  Hobbyist Interface Designer
looks awesome. But I find it a bit confusing. There are these boxes and they are ordered, but if you just look a few seconds at it, you don't get it.
I would like to see the theme in action ^^
Reply
:iconeskikitapci:
eskikitapci Featured By Owner Nov 23, 2012  Professional Interface Designer
and this work too... Congrats...
Reply
:iconait-themes:
ait-themes Featured By Owner Nov 23, 2012
I like Icons :)
Reply
:icondywicka:
Dywicka Featured By Owner Nov 20, 2012   Interface Designer
Lovely:)
Reply
:iconkadircebel:
kadircebel Featured By Owner Nov 17, 2012
really good...
Reply
:iconbengrieve:
bengrieve Featured By Owner Nov 14, 2012
Upon first view, it looks promising but I can quickly see that this design isn't exactly practical. I like the colour scheme, though.
Reply
:icondetrans:
detrans Featured By Owner Nov 16, 2012  Professional Interface Designer
I agree that at first look it might be confusing,
but it is hard to say if it is practical or not,
(by viewing an image) until it is not coded...
Reply
:iconyomo01:
yomo01 Featured By Owner Nov 13, 2012  Professional Interface Designer
this is really nice and close to heart
id love if u have a look at mine here
[link]
and here
[link]
Reply
:iconaesgold:
AesGold Featured By Owner Nov 13, 2012  Student Interface Designer
Amazing, i was thinking that is a theme for windows 8, when i read that is a theme for WP xD! COOL! I love it.
Reply
:icondetrans:
detrans Featured By Owner Nov 16, 2012  Professional Interface Designer
Thanks, that means the outcome was successfully planned :)
Reply
:iconartyfly:
artyfly Featured By Owner Nov 13, 2012
Nice!
Reply
:iconjjgp:
JJGP Featured By Owner Nov 12, 2012  Hobbyist Digital Artist
Really nice
Reply
:iconnethskie:
nethskie Featured By Owner Nov 12, 2012
cool!
Reply
:iconz-design:
z-design Featured By Owner Nov 12, 2012  Professional Interface Designer
This looks awesome, and an interesting idea bringing the metro style into web-design. However, from a pure usability perspective looking at this one still image, I must say it's quite horrid :P haha, but of course I haven't used it live so...

The way it's organized in the image now could make for a nice page in a graphic design magazine, not so much for a web-page. Here are some of my suggestions to make it work for a webpage:


  • Make the site width fluid, stretching the full width of the window space

  • Group main navigation tiles together, decrease tile size by about 15-20%, and fixate tiles to the left

  • Also fixate the header (where the logo is) to the top, and drastically decrease height, or just place logo at top of the navigation tile menu

  • As you navigate to different "pages" using the fixed left tile menu, or by swiping finger across the content area on a touch screen, have the different pages slide in horizontally.

  • The pages would be chained horizontally in order, and you could either load all pages simultaneously or perform an AJAX load as you go to (or swipe to) each page.

  • A nice effect would be to leave the width of each "page" fluid up until maybe 1100 pixels (via max-width), and set the opacity of the pages to 40 or 50%. Then as the page chain slides, the current page would transition to an opacity of 100%. This way, a user who has a screen resolution width of 1440px+ would see the currently active page fully illuminated, and other pages to the right dimmed out, ready to be navigated to.

  • Have each page vertically scroll independently of other pages. You would probably use an iFrame for the pages.


Would be a challenge to develop, but certainly possible. Very extensive use of jQuery / jQueryUI, absolute positioning, etc.
Reply
Add a Comment:
 
×
Download PNG 1450 × 1500




Details

Submitted on
November 9, 2012
Image Size
739 KB
Resolution
1450×1500
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
67,119 (24 today)
Favourites
957 (who?)
Comments
165
Downloads
2,077
×