background preloader

DanDomain

Facebook Twitter

Fontello - icon fonts generator. Coverr - Beautiful, free videos for your homepage. GoodUI. Material icons guide - Google design. An overview of material icons—where to get them and how to integrate them with your projects. Material design system icons are simple, modern, friendly, and sometimes quirky. Each icon is created using our design guidelines to depict in simple and minimal forms the universal concepts used commonly throughout a UI. Ensuring readability and clarity at both large and small sizes, these icons have been optimized for beautiful display on all common platforms and display resolutions. See the full set of material design icons in the Material Icons Library. The icons are available in several formats and are suitable for different types of projects and platforms, for developers in their apps, and for designers in their mockups or prototypes.

Licensing We have made these icons available for you to incorporate them into your products under the Apache License Version 2.0. Browsing and downloading individual icons The complete set of material icons are available on the material icon library. Face Sizing. 7 great examples of Corporate identity design done right. What do you think when you heard “Corporate Identity“? A corporate identity is more than just a logo applied to promotional material. Just look at apple, every detail is thought. In these awesome examples we will focus on the logos, packagings and guidelines. Discover how they use colors, shapes and the material to make their company recognizable right away. The following picks are excellent examples of what corporate identity design can be and should be!

Autentika Corporate Identity by Jakub Rutkowski AVIVO Corporate Identity by Denis Olenik Avivo is an interactive company based in Slovenia. Dimitrovi & Co. By Kliment Kalchev Founded in the early 90 in the city of Pleven and focused on delivering heavy machinery services (excavators, bulldozers and heavy trucks) Dimitrovi & Co. is now one of the largest construction companies in North Bulgaria. Chempaq Corporate identity by Muggie Ramadani Valens – engergy drink Corporate identity by Maxime Quoilin Amova Corporate identity by Roger Oddone. Skype Brand Book by Bondomatic. How to Build a Brand Bible & Visual Style Guide. Every brand, from the smallest website or startup, to corporate giants such as Nike or McDonald’s, need a set of branding guidelines and rules to maintain their identity.

This document, which can range from a couple of pages, to several hundred, is the thread that holds together what the public sees from a company. A brand bible establishes the voice and personality of a company, as well as who the public will see, and it governs every aspect of communication from the company. The brand bible is the basis for all interactions on behalf of a company – personal communications, social media, advertising and design. While a brand bible focuses on many things, we are really going to look at how it affects design. What Is a Brand Bible? A brand bible or book is a document that establishes distinct guidelines on how all aspects of a company’s brand will be handled. It should establish rules for creating a unified and identifiable presence for your brand. It also serves as a guide for designers.

20 Gorgeous Examples Of Timeline In Web Design For Inspiration. ScrollMagic - Demo. Building Interactive Scrolling Websites with ScrollMagic.js. There’s a ton of options for doing animations. I’ll cover some of the more various ones, but, first let’s do the most common one – “tweening” using the GreenSock Animation Platform. Tweening is what the GSAP calls their animations.

We’re specifically using their TweenMax library. TweenMax is awesome because it encompasses all their various plugins and additions into one. TweenMax.to() This lets us create our most standard animations. You can get as infinitely creative as you want with this. You can do pretty much anything you would be able to do with CSS3 animations – colors, transforms, etc. TweenMax.from() This works exactly the opposite of TweenMax.to(). Here’s an example from one of the basic demos using the from() function instead: TweenMax.fromTo() This function is exactly what it sounds like. With both of these examples, if you remove the Scene’s duration, there will be no endpoint for the animation to stop.

Staggering Additional Animations There’s even more things you can do. Pluss visuel identitet - Monokrom grafisk design. Logodesign, designmanualer, tryksager og webdesign. Forside Nyhedsbrev Kunder Om Monokrom Kontakt Pluss visuel identitet Pluss var på udkig efter en ny identitet, og vi var på udkig efter et plus. Men det måtte ikke være for åbenlyst. March 2014 Filed under Designmanual Logodesign logo, produkt Visuel identitet designmanual Tryksager print, produkt Webdesign webdesign, produkt Skolen på Strandboulevarden Designmanual Appendiks til KORA Identitet til Dencrypt Identitet Brochurer til Kulturministeriet Kulturministeriet, print Katalog 'en español' print Et hjerte på rette sted logo, designmanual En linje til Langelinieskolen logo, designmanual, Langelinieskolen Visuel identitet til Skole SiS, logo, designmanual Projektlogo til Kulturstyrelsen logo, designmanual, kulturstyrelsen Brochurer til DFA Et godt råd logo, designmanual, advicepeople Designmanual til UM designmanual, Udenrigsministeriet Hejsan til danske ledige Københavns Kommune, plakat Webdesign til UM webdesign, Udenrigsministeriet En dråbe i havet aquamind, logo Hårfin brochure brochure, print Plakat til Københavns Kommune.

Designguide for Aalborg universitet. How to manage Color Groups | Adobe InDesign CC tutorials. Hover Effect Ideas | Set 1. Using SVG. SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know. Why use SVG at all? Small file sizes that compress wellScales to any size without losing clarity (except very tiny)Looks great on retina displaysDesign control like interactivity and filters Getting some SVG to work with Design something in Adobe Illustrator. Notice the artboard is cropped up right against the edges of the design. You can save the file directly from Adobe Illustrator as an SVG file. As you save it, you’ll get another dialog for SVG Options.

The interesting part here is that you can either press OK and save the file, or press “SVG Code…” and it will open TextEdit (on a Mac anyway) with the SVG code in it. Both can be useful. Using SVG as an <img> If I save the SVG to a file, I can use it directly in an <img> tag. In Illustrator, our artboard was 612px ✕ 502px. <! Flat UI - Free Bootstrap Framework and Theme.

Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good Header 6With the success of young-adult book-to-movie Paragraph Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Image Lead Text Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quote Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Small Font Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ionut Bondoc UI Kit. Bootstrap 3.0 Awesome Flat Ui Kit ~ Bootstrap Themes on Creative Market. Breadcrumb Navigation Examined: Best Practices & Examples. Breadcrumb navigation is often overlooked in the design and development process.

Some people may see it as unnecessary while others may feel it is too big of a hassle for what its worth. Fact of the matter is, breadcrumb navigation will greatly increase the usability of a website. Breadcrumbs give users an alternative method of navigation, allow them to see where they stand in the hierarchy of a website, and will reduce the number of steps needed to navigate to a higher-level within a website. Outlined here are the different types of breadcrumb navigation being used today, why they are important, and how they should best be implemented online. Breadcrumb Types Path Path-based breadcrumbs indicate the steps, or path, a user has taken to arrive at the current page of a website. Location Location-based breadcrumbs indicate to the user where the current page stands in the hierarchy of the website. Clearleft Ltd Attribute Cars.com Why Use Breadcrumbs? Breadcrumb Best Practices Vitra Direct Trek Bikes. Web10 webhotel • webhotel, domæne og e-mail kr. 10,- pr. måned.

White Paper Design. Here in the office we are obsessed with a white paper design, the main reason is because it allows us to make design cohesive with a corporate identity, but with just enough of room for us to add creative touch and incorporate some really cool infographics. In the B-to-B world, one of the most effective selling tools is white papers.

A white papers is basically a short document that is designed to complement the selling process. These documents are often filled with informational content with data, facts and graphs designed to educate a prospect about a product or service. But why should “you” use a white paper? Why everybody is emphasizing importance of white paper design. Reason #1: Prospects Don’t Feel Pressured White papers are often written as an objective piece. Reason #2: They Aid the Selling Process The white paper in of itself is not a tool designed to sell prospects but rather inform them. Reason #3: Effective Lead Generation Tool Power of White Papers White Paper Distribution. Næste generations databeskyttelse i virtuelle, fysiske, cloud- og mobile miljøer. 30 FAQ Webpage Layouts with Effective User Experience.

Support pages are a commonly accepted trait amongst webmasters. Once your website grows to support a large enough userbase you simply have to offer some type of knowledgebase. My personal favorite is the FAQ page for Frequently Asked Questions. You’ll run into all kinds of different webpage layouts when it comes to FAQ styles. That’s why I have put together this gallery of 30 outstanding and distinct webpage layouts. You may pick up a few pointers for styling your own support pages. But along with these examples feel free to share your own ideas in the post discussion area. Hulu StumbleUpon Delicious Dropbox Drupal Dribbble YouTube Vimeo GitHub MySpace Template Monster Etsy DuckDuckGo vBulletin 37Signals Campfire Yahoo! Krispy Kreme Netflix Nintendo Wii Baskin-Robbins Packt Publishing Tineye Imgur Square-Enix Holdings Grooveshark Store MediaFire TGI Friday’s Smokey Bones Woot Bradygames.

Last Chance: The Big Bang Bundle with $14,863 worth of Resources – From $49. Don’t miss your chance to get the biggest design bundles ever at an incredible low price! This brand-new bundle contains thousands of different design resources worth an incredible $15,000! Everything you could possibly need is in this Big Bang Bundle – from vectors to PS addons, fonts and even tutorials! Here’s what you get: The Big Bang Bundle with $4,800 worth of Brand-New Resources – Only $49 - 120 Vector Packs worth $1,800 - 500 Vector Illustrations worth $2,000 -15 High-Res Texture Packs worth $225 (6000 x 4000 px) - 14 Photoshop & Illustrator Addons worth $210 - 20 T-shirt Designs worth $300 - 5 Premium Tutorials worth $100 - 9 UI Kits worth $135 - 4 Fonts $30 The Extended Big Bang Bundle worth $14,863 – Only $79 For an additional $30 you can get all the resources mentioned above, plus the following resources: - 350 Vector Packs worth $4,045 - 425 Vector Illustrations worth $1,700 - 101 Web & Print Resources Packs worth $1,070 - 109 Photoshop & Illustrator Addons worth $1,036.

UX Myths. 8 Gorgeous price comparison design from web hosting companies. 8 Gorgeous price comparison design from web hosting companies Price comparison design is an important part of a website, especially in web hosting businesses where consumers are very price sensitive. A good price comparison table conveys the value of its package straight away so that consumers don’t need to think or recalculate. In fact, most online sales are driven by how well the price comparison is done as consumers typically want to be assured that they are getting the best deal. Here are a few gorgeous price comparison tables that can give some inspiratiosn on how to do a good design in this area. Price comparison design #1 Great use of colors to highlight the best pricing option to consumers. The design is clear and free of any distractions that might move the consumer away from making a purchase.

Price comparison design #2 The design is not as clean as #1 but I like the use of the heading. Price comparison design #3 Price comparison design #4 Price comparison design #5. 40 Creative Examples of Pricing Page Design for Your Inspiration. At the moment, we are presenting some excellent examples of effective pricing pages that not only perform their job well, but also add a visual appeal to the overall web design. With the help of an appealing pricing page, you can certainly increase your sales to a greater extent. A pricing page is the first thing that your visitors or potential customers check when they want to sign up for your service.

Therefore, the pricing page design along with the way it is displayed can have loads of determining factors on whether those interested visitors sign up or not. We have previously posted a collection about Pricing Pages in Web Design but in this post we have collected the most creative and amazing pricing pages that we could find. In this round up, you will see how you can design pricing pages that are visually appealing, simple and let your visitors easily identify different types of packages you are offering. 1. 2. This is a very colorful and visually appealing pricing page design. 4. Landing Page: Create, Publish and Optimize for Free | Lander. Copy. Rackspace: The Leader in Hybrid Cloud. Homegrown Website Hosting | Fast, Reliable Web Hosting. Professional Web Hosting from Just Host. Web Site Hosting, Web Site Design, Internet Marketing, and Domain Name Registration Services - Register.com.

Hosting Features and Benefits Unlimited bandwidth with massive storage, 300GB Dozens of apps including WordPress, Drupal™ and Joomla™ Easy to use Website Builder and 9500+ templates 99.99% uptime guarantee and 24/7 customer support Our huge library of open source apps and programming languages includes: Fast and Reliable Hosting for $0.99/mo* * Customers on a monthly billing cycle are billed once every 4 weeks. Promotional price applies only to the first billing cycle, see Services Agreement at checkout for details. ** For the Register.com Hosting Price Match Guarantee, any such price must be a non-introductory, non-promotional price, which is in writing and available to the general public, for a materially comparable hosting solution and must be redeemed within two (2) weeks of initial purchase of the Register.com Hosting services by customer.

Hosting Plans - Spark, Nitro, Dynamo | Web Hosting Hub. Spark Great Starter Plan Quick Setup $6.99/mo $4.99/mo Order Now nitro Small Business Hosting Better Performance $8.99/mo Order Now dynamo Built for Highly Dynamic Sites Most Resources $10.99/mo Order Now All the hosting plans at Web Hosting Hub have the same unlimited premium hosting features offered in the Spark Plan. Nitro and Dynamo evolved from requests from our loyal and long-term customers to create affordable shared hosting plans that would meet their growing needs related to stability and scalability.

We recognized that not everyone with higher resource requirements needs a VPS or Dedicated Hosting Account. The HUB Power Unit is a proprietary method used by Web Hosting Hub to calculate the power levels of the different hosting plans offered. Higher HUB Power Units will help: Nitro Plan Recommended Dynamo Plan Recommended We recognize that each website has its own unique needs.

We’ve added a lot of good stuff to the Nitro and Dynamo plans. Pifalls of Success:Spike in User Traffic? Professional solutions for Website, Domain, Hosting. VPS Hosting | Affordable & Configurable VPS plans - GoDaddy. Web Hosting Crafted For Top Website Performance & Satisfaction. The Best Web Hosting | Fast Professional Website Hosting Services - Bluehost.

SSD Cloud Server, VPS Server, Simple Cloud Hosting | DigitalOcean. Liber.io | Make eBooks. Really simple. Pricing.