Cedar Content Grid
An editorial content grid designed for media publications, news platforms, and content-heavy websites.
Features
- 1 large featured article card with prominent image area
- 4 smaller article cards in a responsive bento grid
- Category badges with distinct color coding (Technology, Culture, Business, Science, Design)
- Author attribution with read time and date
- Image placeholder areas with gradient backgrounds
- Warm earth-tone (stone/amber) color palette
- Responsive: stacked on mobile, 2-col on tablet, bento on desktop
Usage
import RegistryItem from './registry-item';
export default function Page() {
return <RegistryItem />;
}
Customization
- Replace
featuredArticle and articles arrays with real content
- Swap image placeholder divs with actual
<img> or <Image> components
- Adjust category colors in the
categories object
- Add click handlers or
<Link> wrappers for navigation
