Brand assets

The Medico24 logo, and how to use it.

Download official logo files and follow a few simple rules so Medico24 looks consistent everywhere it appears. For colour tokens, typography and developer resources, see the design system.

Logo variants

Each mark is available as a scalable SVG and a ready-to-use PNG. Pick the variant that gives the strongest contrast on your background.

Primary mark

Red mark on transparent - the default for light backgrounds.

SVG PNG

White mark

Reversed mark for dark or photographic backgrounds.

SVG PNG

Round badge

Red circle with white mark - avatars and social profiles.

SVG PNG

Round badge (inverted)

White circle with red mark - for brand-red surfaces.

SVG PNG

Square badge

Red square with white mark - app icons and store tiles.

SVG PNG

Square badge (inverted)

White square with red mark - for brand-red surfaces.

SVG PNG

Brand colours

The palette is shared with the Medico24 mobile app so the experience stays identical across every surface a patient sees.

Primary

#E23744

Brand red - primary actions

Secondary

#F8D149

Yellow - highlights & badges

Accent

#2781E7

Blue - info & data

Ink

#1C1C1C

Foreground - body text

Usage guidelines

Keep the mark clear and legible.

Keep clear space of at least the height of the mark on all sides.
Use the white mark on dark or brand-red backgrounds for contrast.
Scale the logo proportionally - always lock the aspect ratio.
Use the supplied SVG wherever vector output is possible.

Don’t

Avoid anything that distorts the brand.

Don’t recolour the mark outside the approved palette.
Don’t rotate, skew, add shadows, or apply effects.
Don’t place the red mark on a busy or low-contrast background.
Don’t stretch, condense, or rebuild the mark from scratch.

Need something specific?

For press kits, partnership marks or anything not covered here, reach out and we’ll help.

Contact the team