# Liquid glass badge: spec and references

Source: https://meniscus.site/components/badge · Updated 2026-09-27

Count or status. Layer: content on controls.

Also called: pill badge.

| Property | Value |
|---|---|
| Material | solid (red #E5484D or accent) — not glass |
| Profile | flat |
| Geometry | 16–18 tall capsule, 10–11 px bold white |
| Bezel (px) | 0 |
| Displacement (px) | 0 |
| Blur (px) | 0 |

## Anatomy

- solid capsule
- number

## States

- rest

## Rules

- Sits on the glass item corner; must look attached (overlap the icon by ~30 %), not a floating sticker.

## References

![Solid count badges on two glass icon buttons, a presence dot on an avatar and a standalone label pill over a procedural backdrop.](https://meniscus.site/gallery/badge-light-studio.webp)

![Solid count badges on two glass icon buttons, a presence dot on an avatar and a standalone label pill over a procedural backdrop.](https://meniscus.site/gallery/badge-dark-studio.webp)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_component_spec` tool returns for `badge`. Materials, colours, light and composition rules that apply to every component are in the [liquid glass guide](https://meniscus.site/liquid-glass). Connect: `claude mcp add --transport http meniscus https://meniscus.site/mcp` — setup for every client: https://meniscus.site/docs