Brand Guidelines

The getsentry-brand-guidelines skill provides a curated set of design rules, color palettes, and typography standards specifically for building interfaces that align with Sentry's visual identity. It ensures consistency across frontend projects by enforcing official brand assets and usage constraints.

When to use it

• Developing new dashboard components or widgets that must match the existing Sentry UI ecosystem.
• Creating marketing landing pages or documentation sites representing the Sentry brand.
• Refactoring legacy codebases to ensure visual compliance with current corporate standards.
• Generating mockups or prototypes that require accurate brand representation before development begins.

Key capabilities

• Access to official Sentry color palettes and hex codes for backgrounds, text, and accents.
• Defined typography hierarchies including font families, weights, and sizing scales.
• Guidelines for icon usage, spacing systems, and button styles consistent with the product.
• Rules for logo placement, sizing, and clear space requirements to maintain brand integrity.

Example prompts

• "Generate a React component for a status badge using Sentry's official color palette."
• "Create a design system configuration file that enforces Sentry's typography and spacing rules."
• "Audit this CSS stylesheet to ensure it complies with the latest Sentry brand guidelines."

Tips & gotchas

This skill is strictly for frontend visual consistency; it does not provide backend logic or error tracking functionality. Always verify the latest version of these guidelines directly from official documentation, as brand assets may evolve independently of the skill registry.