brand-agency
Applies Agency brand colors and typography to artifacts including presentations, SVG graphics, documents, and web interfaces. This skill should be used when brand colors, visual formatting, neobrutalism style, or Agency design standards apply. Keywords - branding, corporate identity, visual identity, styling, brand colors, typography, visual formatting, visual design, neobrutalism.
Security Assessment
About brand-agency
The 'brand-agency' skill enables the application of the Agency's brand identity and design standards across various artifacts, including presentations, SVG graphics, documents, and web interfaces. It leverages a neobrutalism aesthetic, incorporating bold colors, hard shadows, and strong typography, ensuring consistent branding for all materials. This skill is designed to standardize the appearance of corporate identity and visual design elements, helping organizations maintain a uniform and impactful presentation of their brand.
FAQ
How do I apply the brand style to SVG graphics?
You can apply the brand style to SVG graphics by using the specified color palette and incorporating hard shadows. For example, the SVG code includes a drop shadow filter and a circle with a primary accent color, ensuring the visual matches the branding.
What are the key typography choices in the Agency brand style?
The typography consists of Geist ExtraBold for headings, EB Garamond for body text, and Geist Mono for monospace/code elements. These fonts can be imported from Google Fonts and defined using CSS variables for easy integration into your project.
Can I use this skill for non-web-based applications?
Yes, this skill can be applied to non-web-based applications such as presentations (Marp/PowerPoint) and documents by following the color and typography guidelines to maintain visual consistency.
Are there any specific requirements for using this skill in web design?
For web design, you should define the necessary colors, typography, and shadows using CSS variables. The skill uses hard shadows, flat colors, and a bold typography stack to reflect the brand's visual identity.
Install brand-agency
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
glebis/claude-skills