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.
Install
Choose a supported route below. Package contents, agent registration and runtime dependencies can differ between installers.
-
Claude Code via this marketplace /plugin install netresearch-branding@netresearch-claude-code-marketplaceFirst add the marketplace once in Claude Code:
/plugin marketplace add netresearch/claude-code-marketplace. Then install the selected plugin. For setup and installation scopes, seeClaude Code plugin setupA plugin can include several skills and additional components. -
npx interactive skill selection npx skills add https://github.com/netresearch/netresearch-branding-skillRequires Node.js 22.20+. Run from the target project, then choose the source skills and agents in the installer. Uses the skills CLI from
skills.shInstalls skill instructions. Extra plugin hooks, commands and external runtime tools are not installed by this route. -
composer require PHP project, as a package composer require netresearch/netresearch-branding-skillAllow the Composer skill installer to activate and approve skill registration when prompted. Requires
netresearch/composer-agent-skill-pluginDiscovers trusted skill packages and registers their instructions in AGENTS.md. Runtime tools may need separate setup. -
composer skills:add PHP project, direct source composer skills:add netresearch/netresearch-branding-skillInstall and activate netresearch/composer-agent-skill-plugin first; approve the selected source's skill registration. Provided by
netresearch/composer-agent-skill-pluginPins source repositories without a Packagist package and records them incomposer.skills.lock. Runtime dependencies remain separate.
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: Component library brand decisions (buttons, cards, forms, navigation, hero, footer) — CSS lives in
templates/styles.css; Layout patterns; Pre-launch checklist - landing-page.html - Complete landing page template
- styles.css - Production-ready brand CSS with all components
- components.html - Interactive component showcase
What you get back
- Page or component designs, HTML/CSS examples and brand review recommendations using the selected Netresearch artifact profile.
What it expects in your project
Check the source README for current examples, requirements and limitations. Open full README