History

Mediasia’s logo as always evolved accordingly to our activity. Being more a design agency at the beginning, the logo was made to be more graphical and communication oriented. After we decided to refocus on more technical digital projects, and to focus more on development, it appeared logic to us to rework our identity accordingly, giving it a “tech” feeling by using more modern fonts and a polygonal shape (the cube).

Logotype

Mediasia’s logotype is a reflexion on two levels. Firstly, the outer shape of the cube is the design and integration reflexion that englobe a second inner layer representing the development and back-office part of our work.

In a other hand, the typographic part is a balance between a lineal font (Futura STD) that express a feeling of professionalism and a concern for detail, while the mecane font (ITC Lubalin) reflect the technical and technological part of a high-end company.

Dimension
& Safe space

½x X ½x Y ½x
smallest size : W : 26px H : 30px
x ⅔x

Contrast

Improper use

change the ratio icon/text of the logo
Change colors
Use old Logo
Tilt the logo
Apply a filter on it
Apply a colored background

Graphic language

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Cute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum .

COLORS

#EA1D13
R234 G29 B19
C2 M99 Y100 K0
P 485C
#C51417
R197 G20 B23
C12 M100 Y92 K3
P 186C
#A00D0D
R160 G13 B13
C25 M100 Y82 K21
P 7427C
#F2F2F2
R242 G242 B242
C4 M3 Y3 K0
P 663C
#808080
R128 G128 B128
C52 M43 Y43 K8
P 416C
#4D4D4D
R77 G77 B77
C25 M100 Y82 K21
P 7540C
#302E32
R48 G46 B50
C71 M67 Y59 K60
P 440C
The Reds

These colors are the roots of Mediasia’s visual identity and the ones that composed the logotype. The Mediasia's red is the brightest color and the one used to stress most important information. The two others are here for graphical expression when shades or gradient are needed. but doesn’t apply in typography.

The Shades

The Shades’ principal use is for the monochromatic logo of the brand. It is also a way to hierarchise typography or secondary graphical elements. Moreover, it can be used for drop shadows and other glow effect instead of playing with opacity.

The Complementaries

These are the colors that develop the three main sectors of activity in Mediasia Interactive : Website, mobile and game. Their use goes from graphics to typography in their different categories. However they should not be blended together or, for example, used at the same time in a single icon.

#EA1D13
R246 G46 B30
C0 M51 Y49 K0
P 715C
#23A99B
R35 G169 B155
C76 M10 Y47 K0
P 7473C
#0D71BE
R13 G113 B190
C86 M53 Y0 K0
P 3005C
#f2f2f2 #ffffff
#EA1D13
#302e32
#f2f2f2 #ffffff
#F6921E #23A99B #0D71BE
#EA1D13 #302e32

Graphic elements

The beveled shape

The main graphic element of Mediasia’s visual identity is a white square-shaped block and white beveled on its side. The typical angle is 300°. The shape is livened by a light drop shadow effect (black multiply 10% - 0x - 0y - 1px blur) that helps differenciating it from the background.

The lines

There is three different types of line to demarcate, link or ponctuate the different graphic design of Mediasia. While the dashed line main purpose is to link different elements or for blueprints , the plain line is used for strong demarcation and the gradient line for smoother one. The dashed line can be declined in Mediasia’s red, but the two others can only be in dark or light shade (#302E32 /#F2F2F2).

The dots

The dots apply as a bullet point or a CTA. It appears in two different forms (simple an plain) and can be declined in the different colors of Mediasia apart from the shades.

TYPOGRAPHY

Mediasia’s Typography is focused on a subtile balance between lineal and mecane that give a professional and technical feeling at the same time. The lite change of font-weight (book to medium) allows a smooth hierarchy within text documents and web pages. It is prefered to play with font sizes rather than their weights in order to make an information prevailed. Oblic are used to give dynamism to a subtitle/title or emphasize on a word in a paragraph.

Fonts

FUTURA
FUTURA std Book
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
àâéèêîôûùœæç
ÀÂÉÈÊÎÔÛÙŒÆÇ
1234567890
FUTURA std Book oblique
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
àâéèêîôûùœæç
ÀÂÉÈÊÎÔÛÙŒÆÇ
1234567890
FUTURA std Medium
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
àâéèêîôûùœæç
ÀÂÉÈÊÎÔÛÙŒÆÇ
1234567890
FUTURA std Medium oblique
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
àâéèêîôûùœæç
ÀÂÉÈÊÎÔÛÙŒÆÇ
1234567890
ITC Lubalin
ITC Lubalin Book
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
àâéèêîôûùœæç
ÀÂÉÈÊÎÔÛÙŒÆÇ
1234567890
ITC Lubalin Book oblique
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
àâéèêîôûùœæç
ÀÂÉÈÊÎÔÛÙŒÆÇ
1234567890
ITC Lubalin Medium
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
àâéèêîôûùœæç
ÀÂÉÈÊÎÔÛÙŒÆÇ
1234567890
ITC Lubalin Medium Obl.
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
àâéèêîôûùœæç
ÀÂÉÈÊÎÔÛÙŒÆÇ
1234567890
冬青黑体 Hiragino Sans GB W3 / 黑体 SimHei Medium
OSX
冬青黑体 Hiragino Sans GB W3
汉体书写信息技术标准相容 档案下载使用界面简单 支援服务升级资讯专业制作 创意空间快速无线上网
㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩
冬青黑体 Hiragino Sans GB W6
汉体书写信息技术标准相容 档案下载使用界面简单 支援服务升级资讯专业制作 创意空间快速无线上网
㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩
WINDOWS
Microsoft Yahei Light
汉体书写信息技术标准相容 档案下载使用界面简单 支援服务升级资讯专业制作 创意空间快速无线上网
㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩
Microsoft Yahei bold
汉体书写信息技术标准相容 档案下载使用界面简单 支援服务升级资讯专业制作 创意空间快速无线上网
㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩

Hierarchy - web

H1 - FUTURA MEDIUM STD, ALL CAP, 24px,

S1- itc lubalin medium oblique, 18px, leading 28px

H2 - FUTURA MEDIUM STD, ALL CAP, 18px

S2 - itc lubalin medium oblique, 14px, leading 28px

H3 - FUTURA MEDIUM STD, ALL CAP, 14px

Body - itc lubalin book, 14px, leading 20px

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?

BUSINESS MATERIAL

Mediasia’s logotype is a reflexion on two levels. Firstly, the outer shape of the cube is the design and integration reflexion that englobe a second inner layer representing the development and back-office part of our work.

In a other hand, the typographic part is a balance between a lineal font (Futura STD) that express a feeling of professionalism and a concern for detail, while the mecane font (ITC Lubalin) reflect the technical and technological part of a high-end company.

stationery

Header
Visit card recto
Visit card verso
Envelope