A spacious, dark-theme bento box card designed for showcasing case studies. Features a delicate translucent border, a minimalist logo badge, and a bottom-weighted typography layout. Interacts with a subtle border bloom on hover.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use a premium, dark-theme bento card component matching the Linear aesthetic. The card container uses #16131E background with a highly subtle 1px border (#F5F3FF0D) and 16px radius. Inside, place a top-left 40x40px logo badge (bg: white 3%, border: white 8%, radius: 8px). Anchor the text block strictly to the bottom-left: a bold white title, a muted description (white 50%), and a 'Read story ->' link. On hover, the outer card border gracefully brightens to white 15%, and the link arrow translates slightly right.A spacious, dark-theme bento box card designed for showcasing case studies. Features a delicate translucent border, a minimalist logo badge, and a bottom-weighted typography layout. Interacts with a subtle border bloom on hover.