Beautiful Intro Text with button

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores commodi ut odit repudiandae culpa dicta quia neque consectetur error eveniet.

Outlined Button

Heading with sub text

Sapiente voluptatem distinctio

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente voluptatem distinctio neque, a, id debitis tenetur aspernatur? Natus, voluptate alias.

Useful Resource Sites

Color Resources
CSS Generators
Responsive Design
Checking & Compressing

Color Resources

Mudcube Colour Sphere

The Mudcube Colour Sphere is a handy little colour resource for designers in that it not only provides the hex numbers for each colour; it also helps you to build up a colour scheme from one chosen shade.

Colrd

With colrd, you can share your colour inspirations with the rest of the world using images, schemes, palettes and individual colours. A good way to share colours and you may discover a new colour scheme.

Colour Lovers

COLOURlovers is a creative community where artists from all around the world create and share colours, palettes and patterns. A great place to connect and discuss the latest trends and explore colour.

Paletton

Paletton, formerly known as Color Scheme Designer, is a simple site which allows you to create colour schemes, randomise palettes, check for colour blindness and export in various formats.

Colordot

Colordot is a handy little web app. Hover your mouse anywhere across the screen to nail down your chosen colours, scroll to set your saturation, and the site will give you the hex codes for your project.

Adobe Color CC

Adobe Color CC is a system which allows users to try out, create and save various colour schemes. You can experiment quickly with different colour variations and browse through many themes.

Color Explorer

ColorExplorer can quickly and easily create, manage and evaluate color palettes for use in your design. Import colors from artwork or use the analysis & conversion and color matching tools.

Check My Colours

a tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits.

Color Combos

The heart of the site is the Combo Tester, which allows web developers to see how different color combinations work together on the screen. Also, a tool to grab website colors.

RALcolors

The RAL colour standard is a colour matching system mainly used for paints, plastics and coatings. If you're working with an industry that uses this system you may want to use RAL colours on the web.

CSS Generators

Nam tristique porttitor neque, sit amet aliquet metus ultricies non. Vestibulum lacinia ante sit amet enim iaculis tempus. Nulla aliquam tincidunt leo, et consequat justo viverra id. Maecenas lacinia libero vel iaculis tincidunt. Quisque luctus massa eu sodales vehicula. Duis gravida at nunc sit amet sagittis. Fusce pulvinar scelerisque enim, vel interdum erat ullamcorper a. Cras elementum mauris justo, quis lacinia erat mollis sed. Donec malesuada odio eu metus consequat interdum.

In varius, ex ut tincidunt tempor, nunc nisi commodo quam, vel volutpat ex eros id tellus. Morbi cursus libero mi. In condimentum leo in libero volutpat rutrum. Ut pellentesque finibus lacus, sed imperdiet ex tincidunt vel. Proin et blandit nisl, dapibus faucibus urna. Praesent et nisi dictum, placerat purus eget, varius est. Suspendisse potenti. Curabitur blandit faucibus auctor.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda quis deserunt dolorem, debitis cupiditate nihil velit dolores, inventore voluptatem delectus quos atque similique natus eaque qui, nisi repudiandae dolore sit! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum aut maxime eius magnam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio voluptatem, vitae nesciunt ad hic quam quisquam sit possimus officia ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, ex. Lorem ipsum dolor sit amet.

Checking & Compressing

Typography & Font Resources

Font Squirrel

Font Squirrel is an excellent site for FREE good-quality fonts. As well as a wide assortment - there is a web-font generator here which makes short work of preparing your type for viewing on the web.

Google Fonts

Google Fonts is another free site, but there are some rotters amongst the gems; take a careful look and read how to link to your Google Font style sheet. Really easy and quick to use.

My Fonts

My Fonts is a paid resource - but it has an exceedingly wide range of classic and new high-quality fonts. It's the first port of call for buying the perfect typeface to match your requirements.

HypeForType

Hype for Type is an online Font Foundry that contains over 25000 different font designs available to either buy or download for free. A lot of fine quality fonts available to purchase here.

Adobe Typekit

Typekit is a subscription service for fonts which you can sync to your computer or use on a website. You can sign up for the plan that best suits your needs and get a library of fonts from which to choose.

Lost Type

Since 2011 Lost Type has been a source for unique typefaces, with a collection of over 50 different faces from contributors all over the world. Lost Type continues to be dedicated to to the idea that quality fonts should be made available to anyone who wants to create.

Free Font Manefesto

A small but growing number of designers and institutions are creating typefaces for the public domain. These designers are participating in the broader open source and copyleft movements, which seek to stimulate worldwide creativity via a collective information commons.

The League of Moveable Type

Since 2009, The League of Moveable Type has given only the most well-made, free & open-source, @font-face ready fonts. Like any revolution, we aim to make progress, & we need help. If you want to be a part of the movement, you should join us.

Feature Image with text and icons