Grey Box tutorial

Posted On // 14 comments


To get this setup you should be familiar with a few different apps.  Ultimate Custom Clock Widget (UCCW)WidgetLockerDesktop Visualizer, and Minimalistic Text.

This setup is based off of a 960x800 screen resolution. Note: I use Nova Launcher(Prime) with a grid of 7x7
WidgetLocker grid is 10 x 9

First, the homescreen.

Nova settings:
margins = none
hidden status bar
set the wallpaper scrolling to off
scroll effect = none
animation speeds = faster than light
resize all widgets
label icons = negative
WIDGETS OVERLAP! (important one
Set your wallpaper to the png provided.
at the bottom of the scree add uccw batt&calls skin 5x2 and resize like in the pic above.


Next add unread uccw skin 4x4 resized like in the pic above.

Note: add the "games" skin to the exact opposite side of screen and size the same way.


Add the plain weather uccw 4x4 resized.

The social share icon is just all my social apps in a folder with the folder icon changed to the blank png, the other corners are just system icons replaced with the blank one also.
The google icons at the top are two desktop visualizer icons sized accordingly and also use the blank icon.


Onto the Lockscreen:

Widget Locker settings:

Layout, automatically determine grid size = negative
10x9 no "anchor points"
Hide icons and statusbar
allow widgets to overlap


add the notification and lock weather skins as 5x1's and resize like above.

the clock and top uccw are 5x2 and resize to perfectly fit the wallpaper.

you'll notice when placing the white box slider there is no background, that is because I can't wrap my head around 3 & 9 patch images ;)


Download the wallz, psd's, skins and widgetlocker theme here!




Post a Comment