Netresearch Skills Marketplace
Design

Netresearch Branding

Implement Netresearch brand guidelines in web projects with comprehensive color system, typography (Raleway, Open Sans, Calibri), responsive component library, and production-ready templates. WCAG AA accessibility compliance, social media specs, and complete web design patterns.

Latest release v2.7.0

Install

Pick whichever fits your project — they all reach the same skill.

  1. Claude Code via this marketplace 
    /plugin install netresearch-branding@netresearch-claude-code-marketplace
  2. npx any Agent Skills CLI 
    npx skills add https://github.com/netresearch/netresearch-branding-skill --skill netresearch-branding

    Universal Agent Skills CLI from skills.sh — works across Claude Code, Cursor, GitHub Copilot, Codex, Gemini CLI and 30+ more agents.

  3. composer require PHP project, as a package 
    composer require netresearch/netresearch-branding-skill

    Requires netresearch/composer-agent-skill-plugin — resolves Agent Skills as Composer dependencies in PHP projects, auto-discovers skills, generates AGENTS.md.

  4. composer skills:add PHP project, direct source 
    composer skills:add github:netresearch/netresearch-branding-skill

    Provided by netresearch/composer-agent-skill-plugin — pins skill repos directly without going through Packagist, locks them in composer.skills.lock.

What you can do with it

  • SKILL.md - Complete brand implementation guide covering:
  • Brand identity and core values
  • Color system with accessibility compliance
  • Typography standards (Raleway, Open Sans, Calibri)
  • Logo usage guidelines and restrictions
  • Web design principles and best practices
  • Component styles and patterns
  • Social media specifications
  • Image guidelines
  • Accessibility requirements (WCAG AA)
  • Implementation checklists
  • colors.md - Detailed color palette with:
  • Technical specifications (Hex, RGB, CMYK, Pantone, NCS)
  • Usage guidelines and approved combinations
  • WCAG AA contrast ratios
  • CSS custom properties
  • Accessibility compliance details
  • typography.md - Complete typography system with:
  • Font specifications and licensing
  • Web font loading strategies
  • Typography scale and hierarchy
  • Responsive typography patterns
  • Line height and spacing guidelines
  • Performance optimization
  • web-design.md - Web implementation patterns:
  • Responsive grid system
  • Component library (buttons, cards, forms, navigation)
  • Layout patterns
  • Animations and transitions
  • Accessibility considerations
  • landing-page.html - Complete landing page template
  • styles.css - Production-ready brand CSS with all components
  • components.html - Interactive component showcase

What it expects in your project

Tags

  • design
  • meta