Bold Content Hub — Dark-Mode Blog Variant
A dark-mode blog index that organizes posts in a clean card grid with categories, search, and featured posts, pilots a fitness training blog but the pattern fits any creator, coach, or business publishing content for SEO and email growth.
Best for: Blog or content-hub pages for creators and coaches whose brand reads as bold or performance-driven and who use content to drive traffic and email signups.
Live preview — scroll inside the frame to see the full page.
What it does
- Featured post hero — the most important post sits above the grid in a larger card to anchor the page
- Card-grid library — every post gets a uniform card with cover image, title, short excerpt, and date for easy scanning
- Category filter row — a row of category tags lets visitors filter posts by topic in a click
- Search field — an optional search bar surfaces posts by keyword for visitors who know what they want
- Author and date metadata — each card carries small attribution so visitors trust the source
- Email-capture footer block — closes the page with a simple opt-in to convert content readers into list subscribers
Best use cases
- Course creators building SEO authority — a blog driving organic traffic to a flagship course
- Coaches publishing weekly insights — a content hub feeding email subscribers and a podcast
- Consultants with thought-leadership programs — a blog hub for strategy, research, and case studies
- Agencies showcasing expertise — a blog of case studies and frameworks for inbound leads
- Membership operators publishing public-facing content — a content hub that funnels readers into a paid community
What you can change with your DNA
When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:
- Colors — slots for a near-black background, card backgrounds, an accent for category tags, and text colors for titles, excerpts, and meta
- Fonts — two roles: a strong display font for post titles and a clean body font for excerpts, dates, and category labels
- Copy — page headline, category names, post titles, post excerpts, author bios, and the email-capture pitch
- Images — cover image per post; consistent crops and tone keep the grid feeling unified
- Behavior — choose grid columns (two, three, or four), whether to enable search, and how categories filter (single-select vs multi-select)
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.