netresearch-branding-skill banner
netresearch netresearch

netresearch-branding-skill

Development community intermediate

Description

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

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

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.

🔌 Compatibility

This is an **Agent Skill** following the [open standard](https://agentskills.io) 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

...