netresearch-branding

Netresearch Brand Guidelines Skill

A comprehensive Claude Code skill for implementing Netresearch brand guidelines in web projects. Ensures consistent brand application across all digital touchpoints.

Why this skill is public

Brand guidelines (logo, colors, typography, voice) are intentionally publicly available so external partners, contractors, and contributors can apply them when working on Netresearch-affiliated projects without needing internal-system access. This mirrors how most agencies publish their brand identity. The skill ships only published brand collateral; nothing under it is internal-only.

🔌 Compatibility

This is an Agent Skill following the open standard originally developed by Anthropic and released for cross-platform use.

Supported Platforms:

• ✅ Claude Code (Anthropic)
• ✅ Cursor
• ✅ GitHub Copilot
• ✅ Other skills-compatible AI agents

Skills are portable packages of procedural knowledge that work across any AI agent supporting the Agent Skills specification.

Overview

This skill provides complete brand guidelines, reference documentation, and ready-to-use templates for implementing Netresearch's visual identity on web projects. It enables Claude Code to help developers and designers maintain brand consistency across websites, applications, and digital materials.

Features

📋 Comprehensive Brand Guidelines

• 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

🎨 Reference Documentation

• 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

🎯 Templates & Examples

• landing-page.html - Complete landing page template
• styles.css - Production-ready brand CSS with all components
• components.html - Interactive component showcase

Installation

Marketplace (Recommended)

Add the Netresearch marketplace once, then browse and install skills:

# Claude Code
/plugin marketplace add netresearch/claude-code-marketplace

npx (skills.sh)

Install with any Agent Skills-compatible agent:

npx skills add https://github.com/netresearch/netresearch-branding-skill --skill netresearch-branding

Download Release

Download the latest release and extract to your agent's skills directory.

Git Clone

git clone https://github.com/netresearch/netresearch-branding-skill.git

Composer (PHP Projects)

composer require netresearch/netresearch-branding-skill

Requires netresearch/composer-agent-skill-plugin.

npm (Node Projects)

npm install --save-dev \
  @netresearch/agent-skill-coordinator \
  github:netresearch/netresearch-branding-skill

Requires @netresearch/agent-skill-coordinator, which discovers the skill in node_modules and registers it in AGENTS.md via a postinstall hook. For pnpm, also allowlist the coordinator's postinstall:

{
  "pnpm": {
    "onlyBuiltDependencies": ["@netresearch/agent-skill-coordinator"]
  }
}

Usage

Automatic Activation

The skill activates automatically when working on:

• Netresearch web projects
• Brand implementation tasks
• UI/UX development requiring brand compliance
• Documentation needing brand guidelines

Manual Invocation

/skill netresearch-branding

Example Workflows

Creating a New Landing Page

User: "Create a landing page following Netresearch brand guidelines"