{"slug":"layout-layering-floating-cards","title":{"ja":"浮いたカード","en":"Floating cards"},"summary":{"ja":"カードに柔らかい影を付け、背景から浮いて見せる。","en":"Cards cast soft shadows so they appear to float above the background."},"categories":["design","uiux"],"subAspects":["layout.layering"],"aspects":["layout"],"tags":["floating-cards"],"keywords":["floating cards","drop shadow","elevation","card UI"],"traits":{"en":["Each card casts a soft shadow offset downward by about 2% of the frame width","The shadow is blurred and low in opacity","Cards do not overlap; the shadow alone lifts them"],"ja":["カードごとに、画面幅の約2%下へずれた柔らかい影を落とす","影はぼかして、薄くする","カードは重ならず、影だけで浮かせる"]},"prompt":"Floating cards: give each card a soft, blurred, low-opacity shadow offset downward by about 2% of the frame width, so cards lift off the background without overlapping.","negativePrompt":"flat cards, hard shadows, overlapping cards","controls":[{"param":"elevation","default":12,"min":4,"max":24,"step":2}],"contrasts":[],"images":[],"references":[],"links":{"page":{"ja":"https://visual-gallery.asami.tokyo/ja/styles/layout-layering-floating-cards","en":"https://visual-gallery.asami.tokyo/en/styles/layout-layering-floating-cards"},"json":"https://visual-gallery.asami.tokyo/api/v1/styles/layout-layering-floating-cards","markdown":"https://visual-gallery.asami.tokyo/api/v1/styles/layout-layering-floating-cards/md"}}