Icon x alert

Sven Read
Sven Read

Munich

Co-founder of @Om7Sense, proud member of @refreshmunich. Besides that, human, father, designer, electric mind. Loves HTML & CSS.

css, html, icon, information architecture, product design, typography, ui, ux, web design

  1. Charting Navigation Final navigation tabs user interface ui gui icons dropdown html css header bar dark Charting Navigation Final — This is the final Version now of the new navigation bar. The light buttons on the previous shot just didn't fit as I had hoped. So I went for the darker ones again. And decided that I like it this way a lot more. This is full HTML/CSS, shot from the browser (and put onto a nice background :)...). Now fully responsive and easily theme-able. Fullscreen view attached for better details. Feedback...
  2. Select an Option navigation tabs user interface ui gui icons dropdown html css header bar dark Select an Option — Worked out more details on the top Navigation. And made up some small icons & the input search field. There is a sidebar coming up soon. So stay tuned :).
  3. Words 2 Final Beta (the serious version) now available mac osx app desktop dark ui gui typography instapaper icons icon list feed article read Words 2 Final Beta (the serious version) now available — Words 2 is now finally ready & is nearing Appstore status. We just put the latest version up so everybody can give it a final run for free. So you should go and grab yourself a version: http://www.newnet-soft.com/beta/. Would love to hear what you guys think of it so far.
  4. The App Icon icon desktop app words dark gold statue dock mac The App Icon — Final version, in real life...
  5. Switch to ui interface navigation bar icons buttons top hover yellow active icon options chart news list chat dark Switch to — Added a new button style to the navigation. These are high priority buttons to switch the views of a widget. I am slightly uneasy on the 2px inset box shadow. Feedback?
  6. Grid UI Set (HTML/CSS) ui gui set free download interface dark html css typography icons buttons Grid UI Set (HTML/CSS) — A few guys chatted me up to make the UI Set available. So here it is. I made up some simple code to frame it and hosted the whole thing on GitHub. So, everybody who wants to, go grab the code and use it as you whish: https://github.com/starburst1977/Grid-UI-Set. This stuff is HTML/CSS (preprocessed with LESS). Planing on making the code more readable (cleaning up, make better comments, etc.) t...
  7. Dashboard OmSense realtime typography alert monitor flexbox css html measure energy data dashboard Dashboard OmSense — Redesign of our OmSense dashboard. Fully responsive (thanks to flexbox) and loads fast as hell. Really happy with the outcome so far. PS: I probably should stop taking screen pictures with my iPhone :)
  8. Statue Icon? icon desktop app words dark gold Statue Icon? — What do you think of this guy? Still working on the details, but could be interesting...
  9. Redesigned Sidebar words sidebar typography mac app fonts article reading ui desktop navigation stream Redesigned Sidebar — While advancing towards our mobile version of Words, I took the chance to try a new approach on our dark sidebar. I wanted to adjust it to the new visual language in Mavericks (as seen in Calendar or Maps) and is used in iOS7. Additionally, I wanted to raise the readability of our sidebar & make it more friendly/easy on the eye. What do you guys think? PS: Attached some screenshots for re...
  10. Some new icons icon ui interface gui bar navigation button input background bg top dark Some new icons — Made a handfull of new icons for navigating between widgets...
  11. White App? app html desktop osx reading typography interface ui ux buttons icons text White App? — This time perhaps in white?
  12. Resolution Independent UI Set - Final ui gui html css interface grey light app options dropdown icons text font vector Resolution Independent UI Set - Final — Added a few more elements. And ditched the noise for now. It just didn't work out as I wanted. As soon as I find a way to make a resolution independet (& realistic & simple) way to generate a noise effect, I will implement it. Feel free to grab the Set on Github: https://github.com/starburst1977/Resolution-Independet-UI-Set
  13. New Charting GUI icons html5 css3 css website modular dark light toolbar buttons app ui gui New Charting GUI — Here the (probably) final version of the new GUI. Seems like the charting is in need of a sidebar as well. So this will be following soon...
  14. Refined buttons buttons black dark grey icons interface design html css css3 Refined buttons — This is already in HTML & CSS. Just added some small refinements to them...
  15. Words for iOS7 ios7 iphone icon typography colors w paper light Words for iOS7 — First serious version of our new icon, ready for iOS7. The colours on the outside represent all the colours we now use for the left navigation.
  16. Marisa ghost theme blog typography images photography white dark Marisa — My new Ghost theme, called "Marisa". Check it out and let me know what you think of it: http://www.svenread.com/marisa/
  17. Desk ui gui html css interface grey light app options dropdown icons text news stock market desk desktop dark texture Desk — We made quite some progress the last days. And things start to fit together slowly. A bit worried lately that we soon reach the browsers limits :). Take a look at the full screen shot: http://dribbble.com/shots/462005-Dribbble-131-Tradegrid-Desk/attachments/29350
  18. Sneaky little preview words mac osx rss webdesign responsive dark light typography icon desktop gui ui Sneaky little preview — What would you say if we would fetch your content directly at its source & serve it to you, nicely tampered & in Read-it-Later style?
  19. Words App Remake UI app mac osx read text typography desktop search icon font gui ui interface tags instapaper readability pocket reading long form redesign list articles Words App Remake UI — Quite satisfied now with the sidebar UI. What do you think about the colour indicators? Green = unread article, yellow = article with marked text, blue = article with custom tags, black = archived article. I wanted to find a non-intrusive way of indicating these different article states. It took me a while, but I am quite satisfied now. They make the app feel a bit more lively, but don't piss ...
  20. Another Receipt gui ui button icon receipt paper desktop web html css dark typography navigation Another Receipt — So, at last I came around to make a receipt, too.
  21. Navigation Bar & Icons navigation tabs user interface ui gui icons dropdown html css header bar dark Navigation Bar & Icons — Interface + Icons details
  22. New Charting Sidebar GUI dark webdesign html3 css5 interface ui typography buttons application webapp sidebar New Charting Sidebar GUI — As promised, the sidebar GUI. Working on the sidebar content at the moment. Perhaps I will post a complete shot when ready and nice to look at :).
  23. Bigger titlebar mac osx app desktop dark ui gui typography instapaper icons icon list feed article read Bigger titlebar — This isn't the HTML/CSS dummy anymore. This is the real app, launched via XCode. Working on the sidebar & the article stream.
  24. Learning to Love the Boring app ui gui mac osx navigation bar dark icons icon text typography article news stream html css Learning to Love the Boring — Sneaky peaky stuff...
Loading more…
close