62 terms

Logo and brand

16 terms

Alignment

Lining elements up along a shared edge. Lines that start from the same edge make a design look tidy.

Related tool:Design principles
Brand guidelines

The document that explains how to use the logo, colours and typefaces. A printer, an agency or a new team member reads the same rules from it.

Brand identity

Everything people see of a brand beyond the logo: colours, typefaces, business cards, letterhead and social media templates. It makes them all look like they come from the same hand.

Related tool:Is your brand ready?
Brief

The short information given to the designer at the start: what is needed, who it is for, where it will be used and when it is due. A good brief means fewer revisions.

Related tool:Design brief
Clear space

The minimum empty area that must be left around a logo. No other text or image enters it, so the logo never looks cramped.

Colour palette

A brand's main and supporting colours. Each colour's screen codes (HEX, RGB) and print codes (CMYK, Pantone) are listed in the brand guidelines.

Contrast

The difference between two elements: light and dark, large and small, bold and thin. If the contrast between text and background is too low, the text cannot be read.

Related tool:Design principles
Font

A typeface file. Some are free and some are licensed; the font used in a brand needs a licence for commercial use.

Hierarchy

The order in which things are read in a design. It is built with size, weight and colour; the most important information is what catches the eye first.

Related tool:Design principles
Logo versions

The same logo prepared for different places: horizontal, stacked, icon only, white and single colour. You use the one that suits each background and size.

Related tool:Logo file guide
Mockup

A presentation image that shows a design on a real object: a business card, a sign, packaging or a phone screen. It lets you see how the design will look before anything is printed.

Negative space

The area deliberately left empty around text and images; also called white space. It lets the design breathe and brings out what matters.

Related tool:Design principles
Revision

A round of changes requested on a presented design. How many rounds are included in the price is agreed at the start.

Symbol (logomark)

The part of a logo without the lettering. It is used on its own in tight spaces such as profile pictures, app icons and stamps.

Typography

The choice and arrangement of type: which typeface, what size, how much line and letter spacing. After the logo, it shapes a brand's voice the most.

Files and colour

16 terms

AI and EPS

Vector file types. AI is the design program's source file; EPS is often requested by printers, sign makers and promotional product suppliers.

Related tool:Logo file guide
CMYK

The four inks a printer uses: cyan, magenta, yellow and black. Files for print are prepared in CMYK; bright screen colours can come out slightly duller on paper.

Related tool:Colour code converter
Greyscale

An image made only of black, white and the greys in between. It is used for colourless printing such as newspaper ads or single-colour photocopies; your logo needs to stay readable here, too.

HEX code

How a colour is written on the web: a six-character code starting with # (for example #FF4112). It is a short form of the RGB value.

Related tool:Colour code converter
HSL

A way to describe a colour by hue, saturation and lightness. It is used to find a lighter or darker version of the same colour; you will mostly meet it on the web side.

Related tool:Colour code converter
Outlined text

Text converted from letters into shapes. The file then opens correctly on a computer, or at a printer, that does not have the font installed.

Pantone

A system of ready-mixed inks in which every colour has a number. When a colour must match on every print run, it is printed with that numbered ink instead of a CMYK mix.

PDF

A file type anyone can open. A PDF saved as vector is the most common way to send work to a printer.

Pixel (raster)

An image made of dots (photos, PNG, JPG). It blurs as it is enlarged, so it has to be large enough from the start.

PNG and JPG

Pixel file types. PNG supports a transparent background and suits logos; JPG gives small file sizes for photos but always has a filled background.

Resolution (DPI)

The number of dots per inch. 300 DPI is used for print viewed up close; 150 DPI is often enough for posters and roll‑ups viewed from a distance.

Related tool:Print sizes
RGB

The colour system screens use: a mix of red, green and blue light. Files for websites, social media and presentations are prepared in RGB.

Related tool:Colour code converter
Source file

The original, editable file of a design (usually AI or PSD), also called the working file. Another designer or a printer needs it to make changes.

SVG

The vector file for the web. It stays sharp on every screen and is small in size; it is the first choice for a logo on a website.

Transparent background

A logo with nothing behind it, so it sits on whatever background you place it on. PNG and SVG can be transparent; JPG cannot.

Vector

A file made of lines and curves. It stays sharp at any size, which is why logos are prepared as vectors.

Related tool:Logo file guide

Print

19 terms

Barcode

The mark that turns a product's number into lines a checkout scanner can read. For products sold in shops, the number is issued by GS1.

Related tool:Barcode generator
Bleed

The part of a design that extends past the edge where the paper will be cut; 3 mm on each side for most jobs. Even if the cut shifts slightly, no white strip is left at the edge.

Related tool:Print sizes
Cardstock

Thick, stiff board. It is used for business cards, invitations, tags and small boxes.

Coated paper

Paper with a coated, smooth surface that makes colours look vivid. It comes in matt and gloss, and is the most used paper for brochures, catalogues and posters.

Crop marks

Thin lines at the corners that show where the print will be cut. A print-ready file includes them together with the bleed.

Die line

The drawing that shows where a box, a label or a custom-shaped piece is cut and folded. Packaging design is built on top of it.

Digital printing

Printing directly from the file, with no plates. It suits small quantities and urgent jobs; as the quantity grows, offset becomes cheaper.

Embossing

Raising or pressing in the paper with a die. It leaves a mark you can feel, with no ink.

Foil stamping

Metallic foil pressed onto paper with heat; it comes in gold, silver and other colours. It is used on small areas such as a logo or a title.

Fold

Where the paper is folded. How many folds a brochure has (bi-fold, tri-fold) decides its page layout and size.

Kraft paper

Unbleached, brown paper with a natural look. It is popular for packaging, bags and labels; colours printed on it come out darker than they are.

Lamination

A thin, clear film applied over the print. It is matt or gloss and protects the surface from scratches and moisture.

Offset printing

Printing from plates made for the job. Because the plates have a cost it is economical for large quantities, and colour stays consistent through the run.

Paper weight (gsm)

The weight of one square metre of paper in grams; it indicates thickness. 115–170 gsm is common for flyers and 350 gsm for business cards.

Print run

The number of copies printed in one job. The cost per copy falls as the quantity grows.

Proof

A sample made before the actual print. Colours and text are checked one last time, and printing starts after your approval.

Safe area

The zone inside the cut edge where text and logos should stay. Text placed too close to the edge can be damaged in cutting.

Related tool:Print sizes
Uncoated paper

Paper with no coating: matt, and you can write on it with a pen. It is used for letterhead, envelopes and notepads.

Varnish and spot UV

A clear protective coat applied over the print. Spot UV is applied only to chosen areas (a logo, a title) and makes them glossy.

Web and digital

11 terms

CMS (content panel)

The admin screen that lets you update your site's text and images without knowing code. It is used to add a new product, news item or project.

Domain name

Your site's address on the internet (for example logomony.com). It is rented yearly and has to be renewed before it expires.

Favicon

The small icon shown in the browser tab next to the site name. Usually only the symbol part of the logo is used.

Hosting

The server service where your site's files live and from which they are served to visitors. It is a separate service from the domain name.

Landing page

A page about a single product or campaign that leads the visitor to one action (filling in a form, buying). Visitors coming from an ad usually land here.

MVP

The first version of a product, released with only its most essential features. The aim is to test the idea early with real users and develop the rest accordingly.

QR code

A square code scanned with a phone camera; it can hold a web address, a menu, Wi‑Fi details or contact information. Printed too small, it will not scan.

Related tool:QR code generator
Responsive design

A site that rearranges itself for phone, tablet and computer screens. The same site reads comfortably on all of them.

SEO

The work done so that a site ranks higher on search engines such as Google: the right headings, pages that load fast and content that answers what people search for.

SSL certificate

The certificate that encrypts the connection between the site and the visitor. An address starting with https shows it is in place; without it the browser warns that the site is “not secure”.

UI/UX

UI is the design you see on screen (buttons, colours, text); UX is how easily the user gets things done there. The two are designed together.