Logo

<aside> <img src="/icons/photo-landscape_gray.svg" alt="/icons/photo-landscape_gray.svg" width="40px" /> Primary Logo


Primary-Logo.png

Use the primary logo for most brand applications, including website headers, print assets, and marketing materials. Maintain the original proportions and spacing — do not stretch, recolor, or add effects.

</aside>

<aside> <img src="/icons/photo-landscape_gray.svg" alt="/icons/photo-landscape_gray.svg" width="40px" /> Logo Variation


Secondary-Logo.png

This logo variant is designed for when the space is limited — such as social media avatars, favicons, app icons, or internal dashboards. *Avoid using this logo in place of the primary version for standard marketing or print materials.

</aside>

Download

800com-Logo-Package-RGB.zip

800com-Logo-Package-CMYK.zip

800-Avatar.zip

Figma

https://www.figma.com/design/euZl3xOXgxq0Iu7cAjjh1M/Logo?node-id=1215-2&t=NIqUaYVppg0VN9Su-1


Colors

<aside>

Primary & secondary colors

These are our core brand tones. Primary colors drive recognition and are used for key brand visuals, such as logos, headers, buttons, and illustrations. Secondary colors serve as supportive accents for backgrounds, highlights, or visual layering. Use them sparingly to maintain a clean, focused palette.

Untitled

Full color palette (June 2025)

Primary and Secondary Colors

</aside>

Figma

https://www.figma.com/design/Sx9zjuyUW8jzmYsD1SiJ1d/800-DS-2.0?node-id=9-16&t=1eDoA081Iagvu9qu-1


Typography

<aside>

Headings

Headings-BeVietnamPro.png

Our display font for titles and headings. Use it for all prominent text like page headers, product names, or hero messaging. Its bold geometry communicates strength and professionalism while staying clean and approachable.

</aside>

<aside>

Body

Body-Roboto.png

Roboto should be used for paragraphs, instructions, interface copy, and supporting content. It offers excellent legibility on both web and mobile, making it ideal for long-form reading or system UI.

</aside>

Download

Be_Vietnam_Pro.zip

Roboto.zip

Google Fonts

Be Vietnam Pro

Roboto

Figma

https://embed.figma.com/design/Sx9zjuyUW8jzmYsD1SiJ1d/800-DS-2.0?node-id=1132-35&t=aDW5edZFIWHUjONu-1&embed-host=notion&footer=false&theme=system


Illustration style

<aside>

01.png

02.png

03.png

04.png

05.png

06.png

</aside>

800.com illustrations follow a flat, vector-based style that emphasizes simplicity, clarity, and tech-forward storytelling. All illustrations use solid fills, clean outlines, and the primary brand color palette — prioritizing bold blues with yellow accents.


Iconography