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.
Sydney Hong
