Logo system

Logo section cover.jpg

The Pao Cafe logo is inspired by the colon (:), a symbol of beginnings, stories, and connections. The vertical lines inside evoke movement, representing a spirit of constant renewal and growth. The image of a coffee bean rising embodies vibrant, youthful energy. Notably, within the negative space of the word pao, three dots (…) appear as a sign of continuation, symbolizing the brand’s vision to expand into a dynamic F&B chain. This logo marks the journey where every cup of coffee becomes the starting point for inspiration and connections.

Full logo lockup

The official version combines the brand name “Pao Cafe” with the colon symbol. This logo version is prioritized for use in most communication contexts, ensuring complete and clear brand recognition while fully conveying the spirit and story of the brand.

Full_logo_1.jpg

Logomark

The symbol is used when a visual highlight is needed or in limited spaces, while still ensuring instant recognition for Pao Cafe.

Logo mark_1.jpg

Wordmark

The wordmark is used independently to highlight the brand name or alongside the logomark to reinforce recognition. This ensures Pao Cafe remains clear and consistent across all touchpoints.

wordmark_1.jpg

Color usage

Make sure there is an appropriate level of contrast between the logo and the background.

Color usage_1.jpg
Color usage_2.jpg
Color usage_3.jpg
Color usage_4.jpg
Color usage_6.jpg
Color usage_7.jpg

Safe zone

The minimum space surrounding the logo, measured from the outermost points of its elements, ensures visual clarity and prevents the logo from being crowded by other graphics or text. This rule allows the logo to “breathe” while maintaining its elegance and professionalism.

Safe zone 1.jpg

Minimum size

Always keep the logo at or above the minimum size to ensure clarity and legibility.


For print, the logo must not be smaller than 12mm in height (6mm for the symbol). For digital use, the logo must not be smaller than 60px in height (30px for the symbol). Using the logo smaller than these sizes risks losing detail and recognition.

Minimum size.jpg

Logo misuse

A list of practices strictly to be avoided when using the logo. Following these guidelines helps protect the consistency and credibility of the Pao Cafe brand identity.

misuse.jpg

Partner lockups

When placed together with partners’ logos, always align them by height, with Pao Cafe’s logo appearing first. Use the height of the icon to define clear spacing between logos, and separate Pao Cafe and partner logos with a vertical divider when appropriate.

 

When working with three or more logos, the same rules on spacing and clear space apply to maintain consistency and balance.

 

In general, avoid vertical partner lockups unless absolutely necessary. If a vertical arrangement must be used, make sure the logos share similar height and spacing as in the horizontal lockup.

Logo with partner.jpg

Logo on images

The logo can be placed in the corners or at the center top/bottom of an image. Always ensure that the safe zone around the logo is maintained as specified.

Logo on image.jpg

The logo must always be clear and easily recognizable:

  • If the image background where the logo is placed is light → use the dark logo.
  • If the image background where the logo is placed is dark → use the light logo.
  • Do not place the logo on areas of the image with too many details.

.

Logo on image_example 1.jpg
Logo on image_example 3.jpg
Logo on image_example 2.jpg

If the image has many complex details or insufficient contrast to place the dark/light logo → apply a dark overlay with 30-50% opacity (a transparent dark layer that keeps the background image visible but darkens it enough to make the logo legible).

Logo on image_example 4.jpg
Logo on image_example 5.jpg
Logo on image_example 6.jpg

Logo application

Logo has flexible applicability and can be implemented across various materials and formats such as paper, fabric, wood, or digital platforms. Regardless of the material or size, the logo must always follow the standards to maintain its clarity and proportions.

Chất liệu_1.jpg
Chất liệu_2.jpg
Chất liệu 3.jpg
Chất liệu 4.jpg
Avatar

Cōsmo