Category Archives: Design Resources


To put it simply Semi-Permanent is a design event. It consists of a conference and side events which include exhibitions, competitions, workshops and parties. It’s a celebration of all things design. Graphic Design, Film, Art, Illustration, Web Design, Photography, Visual Effects, Animation, Graffiti, Motion Graphics, Stop Motion; all these things and more. Semi-Permanent explores the diverse and exciting design world bringing together exceptionally talented artists and designers to speak at the event.


Find out more on their website

Yours in Design,

Efficient Website Styling – using parent ID’s and style-sheet reseting

Anyone who has developed a large website knows that Cascading Style Sheets (CSS) can quickly get out of control. A style-sheet can end up a maze of ID’s, classes and elements in a myriad of combinations and twists intended to produce unique styles for specific regions of a site . Here are two very important measures you can to take for a more efficient style-sheet:

Avoid placing an ID or class on child-elements. When possible, id or class the parent, and then select the element of the parent id. This cuts down on unnecessary code in your body and can reduce the amount of style rules you need. It also allows body code to be uniform and across the board which can help for dynamic solutions such as menus with active states. For example, lets take it as far as we can go and ID the body tag, which is obviously the parent to all elements you will need to style in a website. You could use  body#home h2{} to declare a different rule for the H2 element on the Home Page, while the rest of your site will retain whatever the H2 {} rule is without interfering with the body code! This effectively eradicates the need to ever need inline styling!

Reset your style-sheet! Otherwise your held hostage to the cruel tyranny of the browsers default standards! (As a general rule IE 6 and to lesser extent 7 reluctantly let go of their tyrannous ways. Stay strong and arm yourself with those dirty dirty evil little conditional comments. You will feel dirty and abused for using proprietary tags but at least you made IE submit to you!)To reset a stylesheet you could start with this: body, div, p, img {margin:0; padding:0}. Now you can set the rules not that wannabe browser!

Binding Terms

Saddle Stitched Binding: An often used binding system using staples on the spine. The name derives from when it is open, draped over a saddle to apply the stitches.

Side-Stitched Binding: Staple stitches on the side of loose pages is side stitching. Here the pages are in multiples of two – each page having a front and back.

Perfect Binding: A saddle stitch may become prohibitive, so to allow for more pages a square spine is used.

Spiral Binding: Circular metal or plastic spirals are used to hold the pages with mutiple holes down a margin.

Paper Sizes

This is a handy resource if you keep getting confused between your A2 and your A3 paper sizes. Below is a list that shows the sizes of each and the diagram gives you a visual of how they are cut from the larger sizes.

These are finished trimmed sizes
Sizes in mm

A0  1189 x 841

A1  841 x 594

A2  594 x 420

A3  420 x 297

A4  297 x 210

A5  210 x 148

A6  148 x 105

A7  105 x 74

A8  74 X 52

Open type

You may have heard about OpenType® fonts but may not really know what they are or why they would be useful to you. 

OpenType® is a modern font format developed by Adobe® and Microsoft® to provide users with an accessible and advanced typographic toolset. OpenType improves on PostScript and TrueType just as the DVD trumped the video cassette. When deciding what format to choose, using the latest technology simply makes sense, but let’s dig a bit deeper and explore the ways OpenType makes life easier.

Based on Unicode, an OpenType file can contain up to 65,535 characters or glyphs as aposed to the PostScript format is limited to 256 characters per file. This allows for extensive language support and makes room for advanced typographic features like ligatures, various figure styles, fractions, stylistic alternates, swashes, small caps, ornaments, borders, and so on. This means that if your corporate font is an opentype font you will have alot more characters in which to work, this is not only limited ti the design programs that we use but when you are presenting information in Microsoft Word for example, you can keep the consistency of your branding by using your corporate font in all instances.

OpenType is the advanced cross-platform font format which means you can use the same font on Mac or Windows machines without converting the font or fearing reflow. Everywhere you use an OpenType font, it is the same typeface, same kerning, same line breaks. This is really useful if we were to supply you with your business cards set up in a PDF document that we had made editable. With the use of OpenType you can edit the details in real time, changing the details on the business card for a new employee, save and then email to the printer for printing. OpenType allows all the intregity in the design to be maintained.