Netresearch Branding
Applies Netresearch brand identity, design standards, and technical specifications to web projects, documentation, and digital content.
The source repository doesn't declare a license. Check its terms before reusing the code.
Key features
- Standardized CSS component styles for buttons, links, and responsive grid layouts
- Implementation of typography standards using Raleway and Open Sans font families
- Integration of inclusive language and professional brand voice guidelines
- Enforcement of core color systems and WCAG AA accessibility contrast ratios
- Specific branding requirements for TYPO3 extensions including metadata and icon usage
Use cases
- Developing a new web interface or dashboard that must align with corporate design standards
- Producing accessible technical documentation or digital content that maintains brand consistency
- Creating or refactoring a TYPO3 extension to ensure it meets official vendor branding requirements
FAQ
What does the Netresearch Branding skill do?
This skill acts as an automated brand guardian within Claude Code. It allows Claude to instantly apply Netresearch’s visual identity—including the turquoise and orange color system, Raleway and Open Sans typography, and specific UI component styles—to your code and documentation.
What technical standards does it enforce for TYPO3?
The skill ensures all TYPO3 extensions follow strict metadata guidelines, including correct author company naming (Netresearch DTT GmbH), vendor prefixes, and the placement of the official Netresearch symbol-only icon in the extension directory.
When should I use this skill?
You should activate this skill whenever you are building web interfaces, creating documentation, or developing TYPO3 extensions for Netresearch. It is particularly useful for ensuring new projects meet corporate identity (CI) requirements from the very first line of code.
Does it help with content and brand voice?
Yes. Beyond visual design, it integrates Netresearch’s professional brand voice and inclusive language guidelines, automatically correcting non-inclusive technical terminology and ensuring a unified 'One Netresearch' appearance across all touchpoints.
How does this skill improve my frontend workflow?
It eliminates the need to manually look up HEX codes or CSS variables. The skill automatically enforces 12-column responsive grids, accessible contrast ratios (WCAG AA), and provides ready-to-use CSS snippets for buttons, cards, and navigation that are already brand-compliant.
Related skills
Frontend Design
Generates distinctive, opinionated UI designs that move beyond generic templates and reflect a product's unique brand identity.
Design Tools142,11812 ptsFrontend CSS Standards
Writes consistent, maintainable CSS by adhering to project methodologies, design systems, and performance best practices.
Design Tools21312 ptsRubin Observatory Design System
References the Rubin Observatory design system's CSS custom properties for colors, spacing, and elevation to build visually consistent user interfaces.
Design Tools212 pts