brand-guidelines

Apply Notion Avatar brand guidelines to SVG assets for consistent colors, typography, and borders.

3.2k|261|Updated Sep 24, 2021
One-click install
npx skills add https://github.com/Mayandev/notion-avatar --skill brand-guidelines-mayandev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-guidelines
Source: https://github.com/Mayandev/notion-avatar/tree/main/.claude/skills/brand-guidelines
Command: npx skills add https://github.com/Mayandev/notion-avatar --skill brand-guidelines-mayandev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill applies Notion Avatar's hand-drawn minimalist branding to artifacts to ensure a consistent visual identity.

Core Features & Use Cases

  • Enforce brand colors, typography, borders, and decorative elements across assets, UI components, and documentation.
  • Align SVG illustrations and UI components with the hand-drawn minimalist style for cohesive visuals.
  • Use case: When designing a new logo, landing page, or component library, apply the brand guidelines to maintain cohesion.

Quick Start

Apply the brand-guidelines skill to the asset 'brand-logo.svg' to ensure brand colors, typography, and border styles align with the hand-drawn minimalist guidelines.

Frequently Asked Questions about brand-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply brand guidelines consistently across SVG and design assets?

Brand guidelines enforce visual consistency by applying standardized colors, typography, borders, and stroke specifications to SVG illustrations and design assets. This skill applies Notion Avatar's hand-drawn minimalist style to ensure cohesive branding across logos, UI components, and marketing materials without manual style duplication.

What's included in a hand-drawn minimalist brand identity system?

A hand-drawn minimalist brand identity defines a color palette, typography rules, border thickness standards, stroke specifications, and SVG illustration conventions. This skill enforces those parameters across branding materials, product UI components, and documentation to maintain visual cohesion.

How do I ensure my design components align with brand color and typography rules?

Apply brand guidelines to your components to enforce consistent colors, typography, borders, and decorative elements. The skill validates that logos, landing pages, and component libraries conform to the established hand-drawn minimalist style and color palette.

Can I apply brand guidelines to existing SVG illustrations and UI components?

Yes. Brand guidelines work on existing SVG illustrations and UI components to align them with the hand-drawn minimalist style, color palette, typography, and border specifications. This ensures retroactive consistency across your design system.

What design parameters does this branding skill enforce?

Brand guidelines enforce color palette assignments, typography specifications, border thickness, stroke width standards, and SVG illustration style rules. These parameters apply across branding materials, marketing assets, UI components, and documentation.

When should I use brand guidelines for new design work?

Use brand guidelines when designing new logos, landing pages, component libraries, or any visual assets requiring consistent brand identity. Apply it early in the design process to prevent rework and ensure all materials conform to the hand-drawn minimalist standards.