darling-martech-redesign
CommunityRedesign & upgrade darlingmartech.com
Design & Creative#audit#brand#design-system#framer-motion#css-modules#tailwind-migration#darlingmartech
AuthorDarlingMarketingandTech
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Audits and upgrades the darlingmartech codebase to enforce brand fidelity and premium UI standards, replacing AI-generic patterns with brand-specific design system.
Core Features & Use Cases
- Brand fidelity audit: ensures Obsidian base (#0A0A0A), Electric Orange (#FF4D00), warm off-white text (#F5F0E8), and Cabinet Grotesk typography across pages.
- Tailwind to CSS Modules migration: replaces utility-driven styling with CSS custom properties and modular CSS while preserving layout.
- Motion integration: introduces Framer Motion with curated variants for sections and components, improving perceived quality.
- Phase 2 readiness: outputs a migration plan, component upgrade checklist, and design audit report for ongoing redesigns.
Quick Start
Start the upgrade by auditing the current homepage and applying the brand-upgrade protocol to identified components.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: darling-martech-redesign Download link: https://github.com/DarlingMarketingandTech/darling-martech/archive/main.zip#darling-martech-redesign Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.