# Liquid glass card: spec and references

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

Grouping surface in the controls/overlay layer (settings group, playground card, widget panel). Layer: controls.

Also called: panel, tile.

| Property | Value |
|---|---|
| Material | regular · frost when it carries 3+ lines of body text, a form, or a long list |
| Profile | squircle |
| Geometry | radius 24–28, padding 16–22 |
| Bezel (px) | 24–28 |
| Displacement (px) | 60–75 |
| Blur (px) | 2–6 regular / 10–20 frost |

## Anatomy

- glass panel
- flat content: headings, rows, flat inputs or separate small lenses with gaps

## States

- rest
- drag (if draggable): lifts with stronger shadow

## Rules

- Do not use glass cards for feed/content items — content stays in the content layer.
- Controls inside a card are separate bodies (lens buttons, trough inputs), not a card-in-card.
- Stat tiles, chips and badges inside the card are flat fills (white/black 8–12 %), not glass.

## References

![A short statistics card beside a more frosted notes card with actions over a procedural backdrop.](https://meniscus.site/gallery/card-light-studio.webp)

![A short statistics card beside a more frosted notes card with actions over a procedural backdrop.](https://meniscus.site/gallery/card-dark-studio.webp)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_component_spec` tool returns for `card`. 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