Download the PHP package netresearch/agent-netresearch-branding without Composer
On this page you can find all versions of the php package netresearch/agent-netresearch-branding. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download netresearch/agent-netresearch-branding
More information about netresearch/agent-netresearch-branding
Files in netresearch/agent-netresearch-branding
Package agent-netresearch-branding
Short Description Netresearch AI skill for brand identity and design standards in web projects
License (MIT AND CC-BY-SA-4.0)
Informations about the package agent-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:
- Component library brand decisions (buttons, cards, forms, navigation,
hero, footer) β CSS lives in
templates/styles.css - Layout patterns
- Pre-launch checklist
- Component library brand decisions (buttons, cards, forms, navigation,
hero, footer) β CSS lives in
π― 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:
Without a marketplace
Since Claude Code 2.1.157 a plugin directory under your personal skills directory loads on its own:
It loads as netresearch-branding@skills-dir on the next session. Update with git -C ~/.claude/skills/netresearch-branding pull and start a new session; remove it by deleting the directory. This route has no claude plugin update.
npx (skills.sh)
Install with any Agent Skills-compatible agent:
Download Release
Download the latest release and extract to your agent's skills directory.
Git Clone
Composer (PHP Projects)
Requires netresearch/composer-agent-skill-plugin.
npm (Node Projects)
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:
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
Example Workflows
Creating a New Landing Page
Brand Compliance Check
Component Development
Brand Quick Reference
Colors
| Color | Hex | Usage |
|---|---|---|
| Turquoise | #2F99A4 |
Primary brand color, links, CTAs |
| Orange | #FF4D00 |
Accent color, emphasis only |
| Anthracite | #585961 |
Primary text color |
| Light Grey | #CCCDCC |
Borders, backgrounds |
| White | #FFFFFF |
Primary background |
Typography
| Element | Font | Size | Weight |
|---|---|---|---|
| Headlines (Web) | Raleway | 48px-56px | 700 |
| Body (Web) | Open Sans | 16px | 400 |
| Buttons | Raleway | 16px | 600 |
| Documents | Calibri | 11-12pt | 400/700 |
Key Principles
- High White Space - Generous padding and margins throughout
- Responsive Design - Mobile-first approach with defined breakpoints
- Accessibility - WCAG AA compliance mandatory
- Color Hierarchy - Turquoise primary, orange accent only
- Clean Typography - Clear hierarchy with Raleway + Open Sans
File Structure
Brand Component Library
Buttons
Cards
Forms
CSS Custom Properties
The skill includes a complete set of CSS custom properties for easy implementation:
Accessibility Compliance
All brand implementations must meet WCAG AA standards:
β Text Contrast Ratios (measured):
- Anthracite (#585961) on white: 6.96:1 (AA β not AAA; use #4D4F57 for AAA body text)
- White on turquoise / turquoise on white: 3.38:1 (large text & UI only β fails AA for normal text)
- For AAA-grade text use teal-dark #15585E (8.1:1) or anthracite-dark #4D4F57 (8.2:1)
β Keyboard Navigation:
- All interactive elements accessible
- Visible focus states
- Logical tab order
β Screen Readers:
- Semantic HTML
- ARIA labels where needed
- Alternative text for images
Responsive Breakpoints
Social Media Specifications
Profile Images
- Facebook: 180 Γ 180 px (displays at 170 Γ 170 px)
- LinkedIn: 400 Γ 400 px (displays at 300 Γ 300 px)
- Twitter: 400 Γ 400 px (displays at 200 Γ 200 px)
- XING: 1024 Γ 1024 px
Header/Cover Images
- Facebook: 820 Γ 312 px
- LinkedIn (Company): 1128 Γ 191 px
- Twitter: 1500 Γ 500 px
- XING: 970 Γ 250 px
Quality Checklist
Before deploying any branded material:
Visual Design:
- [ ] Colors match exact hex values
- [ ] Turquoise is primary, orange is accent only
- [ ] High white space maintained
- [ ] Typography uses Raleway + Open Sans
Technical:
- [ ] Responsive design implemented
- [ ] WCAG AA compliance verified
- [ ] Fonts loaded efficiently
- [ ] CSS follows naming conventions
Content:
- [ ] Logo used correctly
- [ ] Images follow brand guidelines
- [ ] Consistent tone and voice
- [ ] No unapproved color combinations
Contributing
Contributions are welcome! Please follow these guidelines:
- Fork the repository
- Create a feature branch (
git checkout -b feature/improvement) - Make your changes
- Test thoroughly against brand guidelines
- Commit your changes (
git commit -m 'Add improvement') - Push to the branch (
git push origin feature/improvement) - Create a Pull Request
License
This project uses split licensing:
- Code (scripts, workflows, configs): MIT
- Content (skill definitions, documentation, references): CC-BY-SA-4.0
See the individual license files for full terms.
Support
Issues and Questions:
- GitHub Issues: Report issues
Netresearch Contact:
- Website: https://www.netresearch.de
- Issues: https://github.com/netresearch/netresearch-branding-skill/issues
- Phone: +49 341 49288-0
- Address: NonnenstraΓe 11d, 04229 Leipzig, Germany
Related Skills
- typo3-docs - TYPO3 extension documentation creation
- typo3-testing - TYPO3 extension testing infrastructure
- typo3-conformance - TYPO3 coding standards evaluation
Credits
Created by Netresearch DTT GmbH for consistent brand implementation across digital projects.
Maintained By: Netresearch DTT GmbH, Leipzig, Germany
Version: 1.0.0 Last Updated: 2025-10-18