---
title: Publitech Brand Guidelines | Graphic Elements
---

 Choose language

# Graphic elements

Publitech utilizes a graphic element that is highly versatile yet simple to implement. This visual element consists of either a single yellow rectangle or a "corner element" (an L-shape) formed by a vertical and horizontal rectangle.

[ Download graphic elements ](https://publitech.stockpress.co/s/graphic-elements)

![graphic elements](https://brand.publitech.se/hs-fs/hubfs/graphic%20elements.webp?width=1200&height=790&name=graphic%20elements.webp)

i

 Lorem ipsum dolor set amet

### Rectangle

The rectangle can be positioned along the top, bottom, or sides of the layout. The thickness is at your discretion.

![Square copy 2](https://brand.publitech.se/hs-fs/hubfs/Square%20copy%202.png?width=1081&height=1081&name=Square%20copy%202.png)

![Square copy 3](https://brand.publitech.se/hs-fs/hubfs/Square%20copy%203.png?width=1081&height=1081&name=Square%20copy%203.png)

![Square copy](https://brand.publitech.se/hs-fs/hubfs/Square%20copy.png?width=1081&height=1081&name=Square%20copy.png)

![Square](https://brand.publitech.se/hs-fs/hubfs/Square.png?width=1081&height=1080&name=Square.png)

### The corner element

The "corner element" consists of a horizontal and a vertical rectangle, where one is narrower and the other is wider.

![Square copy 4](https://brand.publitech.se/hs-fs/hubfs/Square%20copy%204.png?width=1081&height=1080&name=Square%20copy%204.png)

![Square copy 5](https://brand.publitech.se/hs-fs/hubfs/Square%20copy%205.png?width=1081&height=1081&name=Square%20copy%205.png)

![Square copy 6](https://brand.publitech.se/hs-fs/hubfs/Square%20copy%206.png?width=1081&height=1081&name=Square%20copy%206.png)

![Square copy 7](https://brand.publitech.se/hs-fs/hubfs/Square%20copy%207.png?width=1081&height=1081&name=Square%20copy%207.png)

### Core principles

- **Choose one:** Use either a single rectangle or the corner element (the "hook").
- **Color:** The element must always be PT Yellow.
- **Placement:** Position the graphic element along the outer edges of the layout.
- **Asymmetry:** When using the corner element, one segment must be narrower while the other is wider (e.g., a narrow vertical segment and a wide horizontal segment, or vice versa).
- **Flexibility:** There are no fixed dimensions or set proportions.
- **Adaptability:** The graphic element is designed to work across all formats and sizes.

### Layout examples

![overlapping photography](https://brand.publitech.se/hs-fs/hubfs/header%20photo%20+%20software.png?width=1920&height=1590&name=header%20photo%20+%20software.png)

We encourage overlapping photography with the yellow graphic element against a white background.

![slide](https://brand.publitech.se/hs-fs/hubfs/Frame%2048.png?width=2200&height=1238&name=Frame%2048.png)

![agenda slide](https://brand.publitech.se/hs-fs/hubfs/Frame%2081.png?width=2200&height=1238&name=Frame%2081.png)

We encourage overlapping photography with the yellow graphic element against a white background.

![rollup](https://brand.publitech.se/hs-fs/hubfs/PT_Rollup_01.jpg?width=2952&height=1884&name=PT_Rollup_01.jpg)

### Don'ts

![more shapes](https://brand.publitech.se/hs-fs/hubfs/UypLmr8HtH3PsavCMHiJ.webp?width=800&height=799&name=UypLmr8HtH3PsavCMHiJ.webp)

##### Don't

Do not add additional shapes.

![diagonal shapes](https://brand.publitech.se/hs-fs/hubfs/jMtSraJZUNcCMm8utLN3.webp?width=800&height=800&name=jMtSraJZUNcCMm8utLN3.webp)

##### Don't

Do not use diagonal shapes.

![standalone shapes](https://brand.publitech.se/hs-fs/hubfs/bzzJwRaTVs8N9Js8PCNC.webp?width=800&height=800&name=bzzJwRaTVs8N9Js8PCNC.webp)

##### Don't

Do not use multiple standalone shapes.

![other colors](https://brand.publitech.se/hs-fs/hubfs/DGjGhqnqNUxbJAhuDToS.webp?width=800&height=800&name=DGjGhqnqNUxbJAhuDToS.webp)

##### Don't

Do not alter the colors.