Slightly Geeky Inspired Color Palettes

I’d be denying my true nature if I hid my geekiness. Instead I embrace it with arms spread wide, face bearing a smirky grin.

Long-time Bionic Style readers have seen my cell phone and tablet layouts (sometimes also called UIs – User Interfaces), which usually start their life as a color scheme. And what better way to remember those pesky little hex color codes, than to tuck them all into neat color palettes?!!

My latest round of color palettes pulls inspiration from: the Iron Man movies – specifically Tony Stark’s mobile phone UI; SyFy’s awesome television show Warehouse 13; vintage art deco styling; and richly colored argyle socks!

What are your favorite methods of discovering color inspiration?

Geek flags and hex codes,
Jami - author and editor of the Bionic Beauty blog

DIY Silver Glass Candles Vases

I wanted a set of modern-ish candle jars for grouping on a table or scattering around the house. Everything I found in stores was ridiculously expensive or too kitschy.  And since these candle jars I was imagining were definitely a WANT, not a NEED… I came up with a super easy, and inexpensive, do-it-yourself project!

image

Supplies:
+ Glass vases from your local dollar store
+ Painter’s tape
+ A few sheets of scrap paper
+ Metallic silver spray paint (I used one by Rustoleum.)

The How To:
+ Wash and dry the vases then wipe them down with alcohol and let dry.
+  Tape off the areas you do not want painted. Fill the inside of the jars with scrap paper to prevent any paint inside.
+  Spray the glasses with a light first coat.  Let dry for 15-30 minutes, depending on humidity.
+  Repeat spray painting. Two to three coats should do the trick.
+  Immediately remove the tape after the last coat. Pull the tape of gently and use a firm pull.
+ If your edges don’t come out cleanly, let the paint dry thoroughly (at least a few hours), then use a razor blade or Exact knife to clean up the edges of the painted sections.

image

Taping Hint: With circular glasses, it is easiest to rip your painter’s tape into 1 to 2 inch sections. Tape the sections together, carefully, around the jar for an even line.

I am loving these new candle holders! And the best part is they only cost a buck plus a bit more if you have to buy the spray paint and/or tape.  But you’ll definitely use those items again!

Now I’m planning a few more to add to my collection.  Maybe a set of six vases all in the same size and shape, but painted with a range of colors; or an ombre set with one vase in white, one in black, and the rest in various shades of gray.  The possibilities are limitless!

Stay crafty my friends,
Jami - author and editor of the Bionic Beauty blog

Android Tablet in Art Deco Style

It is no secret that I adore art deco. The buildings, the clocks (Hello!! Did anyone else notice that awesome Lawson clock in Star Trek Into Darkness???), wallpaper patterns, color schemes, on and on.

I wanted to bring some art deco styling to my Android tablet… and there is a distinct lack of anything deco for mobile devices. So I created my own.

Art Deco theme for an Android tablet - home screen

Art Deco theme for an Android tablet - entertainment screen

Art Deco theme for an Android tablet - artistry screen

Art Deco theme for an Android tablet - social happenings screen

Art Deco theme for an Android tablet - technology screen
Click for More Screen Detail

What you see above is created mostly with UCCW (aka Ultimate Custom Clock Widget – which is free on the Play Store and down right AWESOME for screen customization!). The wallpaper, color schemes, and UCCW files were all created all by my onesie.

My tablet is running CyanogenMod 10.1 and Apex Launcher Pro. The setup is a five-screen, “hubs” style layout which I prefer on all my tablets for ease of use,organization and navigation.

Feel free to post constructive criticism, comments, questions, or to ask for help in the comments section below.

Hope y’all enjoy and thanks for looking!
Jami - author and editor of the Bionic Beauty blog

I Am Iron Man – Android Phone Theme for Nexus 4

In honor of Iron Man 3 opening this weekend, and because I absolutely LOVE Tony Stark (and all things geeky), I gave my Nexus 4 a bit of a makeover:

This layout was inspired by the actual UI guru, John Koltai. Be sure to visit his website for photos of the UI used in Iron Man 2. I wanted my Android phone to look as accurate as possible next to the movie’s UI. Hence, I created all the widgets and icons myself.

The main difference between my “inspired-by” design, and the IM3 movie version is Tony Stark’s phone is typically shown in landscape format. However, about 95% of my use is in portrait mode and I adapted my design to that purpose. Now… on to the apps I used, the files you’ll need, and a tutorial to re-create this layout.

+ The Apps +

  • Apex Launcher Pro by Android Does. You can substitute Nova Prime for Apex if you prefer.
  • UCCW aka Ultimate Custom Clock Widget by VasuDev.  Hint: This app basically builds graphics, images, and widgets in a very similar way to Photoshop. You can even save a layered design as an image! UCCW = Awesomesauce.
  • Gallery by Google/Android. This is the default photo gallery app that comes packed with Android 1.5 and up. If you need an alternate, QuickPic by alensw would also work.
  • Simple Calendar Widget by MyColorScreen. Free on the Play Store.

+ The Files +
Due to the popularity of this home screen UI (Thank you everyone!), I have uploaded the files I used to create this UI to Dropbox. There are two zips and a jpg: one zip for the icons and dock; the other zip for the UCCW files; the jpg is my wallpaper. All of the UCCW’s can be modded to suit your own hotspots, icons, colors, etc.  The UCCW’s also include the typefaces I used which were: Roboto Light, Roboto Thin, Roboto Condensed Light, and Roboto Condensed Thin.  The Roboto font family can be downloaded on Google’s Android Developer site.

+ The Tutorial +

  • Homescreen settings using Apex Pro: 10×10 grid, portrait only mode. Set the margins, shadows, status bar, icon labels to NO/None. 3 screens. Set to allow widgets to overlap.
  • Apex dock settings: One dock with seven icons. No margins. Set dock background as custom. Icon size/scaling set to 80%.
  • Add/drag 7 applications to dock area of home screen. then long press and choose which icon to apply. For what it’s worth, I used the Iron Man ma
  • Use UCCW to create the rest of the layout.
  • Widget sizes: Top status bar= 4×1 stretched & placed on all 3 screens. Radar UCCW= 3×3. Signal Override Terminal UCCW= 4×2 & stretched.
  • Widget sizes (2): Commandeering System= 4×1 & stretched & overlapped. The 8 “buttons” = 2 UCCW widgets. Each one is 4×1 & stretched to fit.
  • Widget sizes (3): Initializing Access UCC= 4×1 & stretched. Queue UCCW= 4×3 & set to “send to back” (see below).
  • In the Commandeering System UCCW, the “loading bar” is actually UCCW’s battery bar.
  • Use Simple Calendar widget (w/ full background transparency) to place Calendar events over the Queue UCCW.
  • Download/Add at least four Iron Man blueprints/photographs/images to your phone’s internal or sdcard storage system. I found mine via a Google search for “Stark Industry blueprints”.
  • Long-press on your homescreen, add a Photo Gallery widget. Set to “album” & load a few Iron Man photos, blueprints, etc into an album on your phone.
  • Set hotspots within UCCW as you choose!
  • For finishing touches, Zedge has some great Iron Man and Jarvis sound effects for ringtones, notifications, etc.
  • Enjoy!

+ Nifty Bits & Tips +

  • Swipe across the Photo Gallery widget on the homescreen to flip through your blueprints! Just make sure all the photos/blueprints/images you want to appear in your flippable widget are in their own folder on your sd card.
  • The bar of color in the “Commandeering System” widget is alive.  It constantly updates to show the battery level of your phone.
  • There’s handy info hiding in plain sight within the “Signal Override Terminal” widget. The Port number is actually the date; SSID shows the day of the week; Strength tells you the current temperature for your location; and the Status reports your current weather conditions.
  • Instead of using the radar UCCW I included in the zip files – use a live radar app with a widget instead. Why? Because adding movement and interactivity is just frakking cool.

Be sure you have your tickets and… enjoy the movie!
Questions, comments, constructive criticism, please leave me a comment.

Cheers with buttered popcorn,
Jami - author and editor of the Bionic Beauty blog

The Ampersand Fan Club Wallpaper Set

Join the Ampersand Fan Club!!

Ampersand minimalistic wallpaper set by Bionic-Style.com

Many designers love a particular font; most people have a favorite color; but there probably aren’t many oddballs like me in the world.  Why?  Because I’m a completely happy to admit I am an Ampersand Fan Girl.

Did you know the Ampersand dates back to the first century AD?  Or that it used to be common practice to include the Ampersand at the end of the alphabet – almost like it was a 27th letter?

I’m fully aware that others may not care to join my Ampersand Fan Club (shall we call it AFC?), but if you’d like a little Ampersand love on your desktop, I’ve created this family of colored wallpapers just for you.  The Ampersand itself was hand-drawn (well, drawn with my hand on my computer), and is completely unique from any other Ampersand!

The background colors are: navy blue, burgundy, dark gray, and a deep purple.

To download: Simply click on the wallpaper color below that you like.  Then right click, and choose “Save As”, then save the .png image to your computer.  Download as many as you’d like.  Easy as pie!

Each wallpaper is sized at 2880×1800 pixels which should scale to work on most laptops, desktop computers, even most tablets and smart phones.  In addition, each of these wallpapers is high-resolution (HD), and retina ready ~ so they’ll look awesome on your PC, Mac, Chrome, or Linux screens!

Want more super swankiness for your screen? Be sure to check out my other free wallpapers!

AFC forever,
Jami - author and editor of the Bionic Beauty blog

Distribution: All my wallpapers are free to use. Just please don’t try to sell them, or post them on other websites without asking me first. Thanks!

Follow

Get every new post delivered to your Inbox

Join other followers: