Shop Mobile More Submit  Join Login


Submitted on
September 14, 2010
Image Size
1.2 MB


14,800 (2 today)
74 (who?)


Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
Focus 1.1 - Text Editor Rework by clindhartsen Focus 1.1 - Text Editor Rework by clindhartsen
It's been awhile, and it likely will be for my next upload, but this is more or less the top to bottom concept of what the 'Focus' text editor would be.

Continuing the "Metro Across Windows" series, this version pushes more of the options into separate windows, which are found through the circle icons seen throughout the Windows Phone OS. The UI would be rather clean, and quite bright, as well as keep you focused on your work at hand.

Anyone have any suggestions for improvement on this? I'm a little worried of the complexity of windows over everything in the main window, though I understand the complexity of showing too much on screen, part of the reason I think the 'Ribbon' is overkill for Windows Live products.
Add a Comment:
link6155 Featured By Owner Jan 31, 2012  Hobbyist Interface Designer
Amazing work! Could I make something inspired by this?
kumaraatish Featured By Owner Jan 22, 2012
very nice
thedarcklinenes Featured By Owner Jul 5, 2011  Professional Digital Artist
i love it this give me so much ideas currently im working on a mock-up of Photoshop its already Kind of metro is with the introduction of cs5 but i want to give it a truly hub like look and feel to match windows8
sharkurban Featured By Owner Jul 1, 2011  Hobbyist Interface Designer
I don't say what is focus, but your Ui is just awesome, simple, clean, pure !!
keep a good work
FrayxRulez Featured By Owner May 11, 2011
Hey man, i'm a developer and i'm interested to create this app...
thenonhacker Featured By Owner Apr 25, 2011
Great concept! I would even hide the ruler, just like in Office 2007/2010
calloncampbell Featured By Owner Jan 18, 2011
Are these just mock ups or did you actually program a skeleton UI based on Metro?
clindhartsen Featured By Owner Jan 18, 2011  Professional Interface Designer
There's only mockups, though this would likely be the first app I'd work on personally. I want to explore programming and try to create this, and I'm reading up on how to use some of Microsofts development tools.
sea1monkey2 Featured By Owner Dec 18, 2010  Hobbyist
This is exactly what i have been craving since getting my windows phone 7 phone on release day. the metro ui is in my opinion, stylistic design perfection. A couple of questions please.

What font are you using for these, and, can you share it?
Are you planning on making a windows 7 skin based on metro using these cues?
clindhartsen Featured By Owner Dec 19, 2010  Professional Interface Designer
Fonts throughout are Segoe, which is what's used in Windows 7 and Phone 7. I'll leave you to obtain it how you will, but I believe you can get the Windows Phone version by installing the Windows Phone 7 Developer Tools, which are free, and there is Segoe UI included with Vista and 7, though there are minor differences between that and Segoe/Segoe WP, such as the "I" having bars present on the top and bottom of the character.

I'm not planning on a Windows 7 skin, I've honestly been a fan of the Windows look since Vista and haven't really done any customizations, the last real customizing I did back in the XP era with WindowBlinds. I do want to explore developing a Windows Phone application though, along with an actual Windows application, but it's going to be awhile before I get anything working, I'm sure.
Add a Comment: