UX Desing Process

App Feature Discovery

PROJECT INDEX

Project Overview

UX Design Process

Branding & UI Kit

Brand Guidelines

UI Kit Components

App Feature Discovery

AlloCiné Home 2025

PROJECT INDEX

Project Overview

UX Design Process

Branding & UI Kit

Brand Guidelines

UI Kit Components

App Feature Discovery

AlloCiné Home 2025

Branding &

UI KIT

BRANDING & UI KIT

C57&x

{U@3_5^JW_

From the cinema ticketcinema ticket to the house,the house, the logo carries AlloCiné’s heritage into a new home experiencehome experience for watching.for watching.

The AlloCiné Home logo was designed using the same geometric grid as the original AlloCiné symbol to preserve visual continuity and brand recognition. The signature yellow was retained for the house icon, ensuring a direct link to the brand’s identity. The rounded edges of the roof follow the same circular proportions as the parent logo, creating a sense of balance and familiarity. The lower part of the house subtly echoes the cinema ticket shape from the original mark, a deliberate nod to AlloCiné’s heritage while introducing a welcoming, home-inspired silhouette that reflects the app’s purpose.

BRANDING & UI KIT

V^.h!

~3$^O[B[([

From the cinema ticketcinema ticket to the house,the house, the logo carries AlloCiné’s heritage into a new home experiencehome experience for watching.for watching.

The AlloCiné Home logo was designed using the same geometric grid as the original AlloCiné symbol to preserve visual continuity and brand recognition. The signature yellow was retained for the house icon, ensuring a direct link to the brand’s identity. The rounded edges of the roof follow the same circular proportions as the parent logo, creating a sense of balance and familiarity. The lower part of the house subtly echoes the cinema ticket shape from the original mark, a deliberate nod to AlloCiné’s heritage while introducing a welcoming, home-inspired silhouette that reflects the app’s purpose.

BRANDING & UI KIT

Yv:^!

@)3.~#8QF(

From the cinema ticketcinema ticket to the house,the house, the logo carries AlloCiné’s heritage into a new home experiencehome experience for watching.for watching.

The AlloCiné Home logo was designed using the same geometric grid as the original AlloCiné symbol to preserve visual continuity and brand recognition. The signature yellow was retained for the house icon, ensuring a direct link to the brand’s identity. The rounded edges of the roof follow the same circular proportions as the parent logo, creating a sense of balance and familiarity. The lower part of the house subtly echoes the cinema ticket shape from the original mark, a deliberate nod to AlloCiné’s heritage while introducing a welcoming, home-inspired silhouette that reflects the app’s purpose.

BRANDING & UI KIT

4b+.^

#DO1?H.&)Z

From the cinema ticketcinema ticket to the house,the house, the logo carries AlloCiné’s heritage into a new home experiencehome experience for watching.for watching.

The AlloCiné Home logo was designed using the same geometric grid as the original AlloCiné symbol to preserve visual continuity and brand recognition. The signature yellow was retained for the house icon, ensuring a direct link to the brand’s identity. The rounded edges of the roof follow the same circular proportions as the parent logo, creating a sense of balance and familiarity. The lower part of the house subtly echoes the cinema ticket shape from the original mark, a deliberate nod to AlloCiné’s heritage while introducing a welcoming, home-inspired silhouette that reflects the app’s purpose.

AlloCiné Original

AlloCiné Original

AC Home Original

AC Home Original

Logo Construction

Logo Horizontal Grid

Logo Horizontal Grid

Logo Horizontal Final

Logo Horizontal Final

Logo Vertical #1

Logo Vertical #1

Logo Vertical #2

Logo Vertical #2

Color Palette

Crimson

#dc1034

Light 85

#ffffff 85

Accent

5B1E29

Light 65

#ffffff 65

Black

#101010

Light 50

#ffffff 50

Outer Space

#272727

Light 10

#ffffff 10

Light 100

#ffffff 100

Light 25

#ffffff 25

Color Palette

Crimson

#dc1034

Light 85

#ffffff 85

Accent

5B1E29

Light 65

#ffffff 65

Black

#101010

Light 50

#ffffff 50

Outer Space

#272727

Light 10

#ffffff 10

Light 100

#ffffff 100

Light 25

#ffffff 25

Type System

Regular

Semibold

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Montserrat

Type System

Regular

Semibold

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Montserrat

App Icon Variants

BRANDING & UI KIT

Q+8Om0

W1ER%D~L4Z

Consistent components,
Seamless ExperienceSeamless Experience.

The AlloCiné Home UI Kit was built to ensure consistency, scalability, and visual harmony across the entire experience. Each component, from icons to interactive cards, follows a modular design system rooted in simplicity and clarity. The pictograms maintain a cohesive visual language through consistent proportions and color balance, while the component library provides a solid foundation for building interfaces that remain consistent with AlloCiné’s visual identity.

BRANDING & UI KIT

:A:(ba

XGU;B:?3L5

Consistent components,
Seamless ExperienceSeamless Experience.

The AlloCiné Home UI Kit was built to ensure consistency, scalability, and visual harmony across the entire experience. Each component, from icons to interactive cards, follows a modular design system rooted in simplicity and clarity. The pictograms maintain a cohesive visual language through consistent proportions and color balance, while the component library provides a solid foundation for building interfaces that remain consistent with AlloCiné’s visual identity.

BRANDING & UI KIT

<79Muo

7#+!,)K9GM

Consistent components,
Seamless ExperienceSeamless Experience.

The AlloCiné Home UI Kit was built to ensure consistency, scalability, and visual harmony across the entire experience. Each component, from icons to interactive cards, follows a modular design system rooted in simplicity and clarity. The pictograms maintain a cohesive visual language through consistent proportions and color balance, while the component library provides a solid foundation for building interfaces that remain consistent with AlloCiné’s visual identity.

BRANDING & UI KIT

QI{U0>

}&^OLKB50X

Consistent components,
Seamless ExperienceSeamless Experience.

The AlloCiné Home UI Kit was built to ensure consistency, scalability, and visual harmony across the entire experience. Each component, from icons to interactive cards, follows a modular design system rooted in simplicity and clarity. The pictograms maintain a cohesive visual language through consistent proportions and color balance, while the component library provides a solid foundation for building interfaces that remain consistent with AlloCiné’s visual identity.

Icons library