— Identity

Colours

Fonts

Grid

— Opening

Title Animation

Title Lockup

— Protagonist

Protagonist Shot

Protagonist Quotations

Protagonist Transitions

Protagonist Compostion

— Graphics

Mapping

Insets and Lower-thirds

Facts & Numbers

Speechbubbles

— Titles

Credits and social

Fixed title

— How To's

logo-arte-re-white-rgb

Style guide

Style Guide

Arte:Re(gards)

Germany

France

©KesselsKramer

2023

download project file

Identity

Logo

Logo

Colours

Fonts

Grid 

German logo

artboard-1 artboard-1-copy


French logo

artboard-1-copy-3 artboard-1-copy-2


Colours

Logo

Colours

Fonts

Grid 

ARTE:RE Orange

  • HEX #fa481c

  • RGB 250, 72, 28

  • CMYK 0, 71, 89, 2

ARTE:RE Light Grey

  • HEX #eeeef1

  • RGB 238, 238, 241

  • CMYK 1, 1, 0, 5

ARTE:RE Blue

  • HEX #001726

  • RGB 0, 23, 38

  • CMYK 100, 39, 0, 85

ARTE:RE White

  • HEX #ffffff

  • RGB 255, 255, 255

  • CMYK 0, 0, 0, 0


Fonts

Logo

Colours

Fonts

Grid 

Gotham

Bold

abc-ABC

12345()*

.,:;!@$%&

download gotham bold

Gotham

Light

abc-ABC

12345()*

.,:;!@$%&

download gotham light


Grid

Logo

Colours

Fonts

Grid 

10 column grid & clearspace (hover to see)

artboard-1-copy-4 artboard-1-copy-5

Opening

Title Animation

Title Animation

Title Lockup


Title lockup

Title Animation

Title Lockup 

n3-german-title-grid n3-german-title
n3-german-title-2-lines-grid n3-german-title-2-lines
n-french-one-line-grid n-frenchone-line


n-french-two-lines-grid n-french-two-lines

Protagonist

Shot

Protagonist shot

Protagonist Quotations

Protagonist Transitions

Protagonist Compostion


During the protagonist shot we focus on her/him in their natural environment. With the position of the protagonist and the use of shallow depth of field we’re creating an image that‘ll make him/her stand out from their surroundings. To create the right atmosphere we wrote down some tips to achive the best shot, as well long or medium closeup.


download manifesto pdf


Quotations

Protagonist shot

Protagonist Quotations

Protagonist Transitions

Protagonist Compostion



Transitions

Protagonist shot

Protagonist Quotations

Protagonist Transitions

Protagonist Compostion


We developed a set of 3 different transitions to introduce a new protagonist into the episode. Two of them are built with 6 frames, one has a horizontal transition and the other a vertical transition. Two of them are edited with 6 frames. One has a horizontal transition and the other a vertical transition. The third one is edited with 3 frames and is seen as a 'fast' transition.





transition fast horizontal

transition fast vertical

Protagonist shot

Protagonist Quotations

Protagonist Transitions

Protagonist Compostion


Composition

Graphics

Mapping

Mapping

Insets and Lower-thirds

Facts & Numbers

Speech bubbles 


Our map comes with a dark blue overlay, that is set on 50% transparency. We highlight the designated country with orange.


Names of countries, cities, and regions are pinpointed with tags. The first language will be presented in Gotham Bold, the second line will come in Light.


The first frame is focused on the country. This map will be matched with a medium shot of the protagonist. 


The second frame is focused on the city and will be matched with a close-up of the protagonist.


*Hover to see

*The map can slide in from left or right depending on the footage




Insets and Lower-thirds

Mapping

Insets and Lower-thirds

Facts & Numbers

Speech bubbles



Facts & Numbers

Mapping

Insets and Lower-thirds

Facts & Numbers

Speech bubbles

A set of graphics are developed to visualise key information and numbers during the episode. The charts are designed with the main idenitity in mind but also based on the idea of accessibility by keeping the design formula simple.



Chart 1

Chart 2



Chart 3

Fact 1


Speechbubbles

Mapping

Insets and Lower-thirds

Facts & Numbers

Speech bubbles


Titles

Credits and social

Credits and social

Fixed title 


Fixed title

*Fixed title is needed to add for night re-run of the program.

Credits and social

Fixed title


How to's

Below you will find tutorial video's on how to edit within the delivered compositions. 

Composition 00

— How to render

Composition 01

— How to edit the Opening Sequence. 

Composition 03a

— How to add the map of the country and select for closeup. 

Composition 03b

— How to add the map of the area/city. The image used for streetlevel is an example, if this is needed you should insert the correct street image. 

Composition 04a

— How to edit Quote A

Composition 04b

— How to edit Quote B

Composition 04c

— How to edit Quote + Highlight A

Composition 04d

— How to edit Quote + Highlight B

Composition 05

— How to edit Socials

Composition 06

— How to edit Speechbubbles

Composition 07a*

— How to edit the Protagonist composition of 3 protagonists

Composition 07a

— How to edit the Protagonist transition vertical and horizontal

Composition 07c

— How to edit the Protagonist transition vertical and horizontal sped up


Composition 10 (a,b,c)

— How to edit the graphic composition of charts, numbers and percentages


a. Numbered (dots) chart

b. Bar chart

c. Pie chart


Composition 11

— How to edit the Credits including Social channel

Composition 11

— How to edit the Credits excluding Social channel

Composition 12

— How to edit the Title for night-airing

©KesselsKramer

Amsterdam