Award Ribbon Badge

Show Preview
Award Ribbon Badge

About Award Ribbon Badge

Award Ribbon Badge is a lightweight Framer component for adding a simple vertical ribbon badge to portfolio thumbnails, project cards, galleries, award sections, and featured work pages.

Inspired by classic curated-gallery badges, this component keeps the design intentionally minimal: a clean rectangular ribbon shape with a V-shaped notch and bold centered text. Use it for short labels such as Ph, Mo, Ai, 3D, Ft, Aw, Br, Pd, New, Pro, or any custom text.

What you can customize:

  • Badge text

  • Badge color

  • Text color

  • Width and height

  • Notch depth

  • Corner radius

  • Font, size, and weight

Use cases:

  • Portfolio category badges

  • Featured project labels

  • Award or winner markers

  • Creative gallery tags

  • Template card labels

  • Project thumbnail overlays

The component is built with simple CSS and Framer property controls, so it stays lightweight, responsive, and easy to edit without extra assets or images.