HYTOPIA Brand Kit

BRANDKIT

Download Everything

Primary Logos

Need anything that's not here? Email brand@hytopia.com

HYTOPIA Full-Color

This is the primary logo. Use this in every instance that you can.

SVG

PNG

HYTOPIA White

Use the white logo whenever the full-color version loses visibility or feels washed out. This ensures the brand remains clear, legible, and impactful against dark or busy backgrounds.

SVG

PNG

HYTOPIA Dark

Use the dark logo when placing it over bright or light-colored backgrounds where the full-color version lacks contrast. This keeps the logo sharp, readable, and visually balanced.

SVG

PNG

Examples:

Good

Bad

Colors bleed together.

Good

Avatars + Icons

Square (primary)

Use this as the default brand mark. It should be the first choice wherever a square format is supported.

SVG

PNG

Rounded-Corner (Social Media)

Use this for social platforms where profile images are displayed in rounded-corner frames. This version prevents cropping and keeps the logo looking clean.

SVG

PNG

Circular

Use this when platforms or contexts require a fully round profile image.

SVG

PNG

Wordmark

Use this when all else fails as long as it stays legible.

SVG

PNG

Examples:

Bad

Sometimes an all white icon is needed, however, we don't ever use a white icon/avatar, instead when this rare occurrence happens, use the full "HYTOPIA White" or "HYTOPIA Full Color" logo.

SVG

PNG

Bad

Sometimes an all black icon is needed, however, we don't ever use a black icon/avatar, instead when this rare occurrence happens, use the full "HYTOPIA Dark" logo for best contrast.

SVG

PNG