skills.rest
menfem
menfemCOMMUNITY
Explore all skills by this author →
Website𝕏@menfemmGitHub

menfem-brand

Applies brand guidelines to UI, documents, and presentations.

Updated Aug 23, 2026
Search Tags:#typography#branding#accessibility#UI/UX#design system#color palette#brutalism
One-click install
npx skills add https://github.com/menfem/menfem-vercel --skill menfem-brand
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: menfem-brand
Source: https://github.com/menfem/menfem-vercel/tree/main/.claude/skills/menfem-brand
Command: npx skills add https://github.com/menfem/menfem-vercel --skill menfem-brand

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

Maintaining a consistent and distinctive brand identity across all creative outputs is challenging. This skill ensures every document, presentation, and graphic adheres to Menfem's unique "Warm Brutalism" design philosophy, saving time on design reviews and ensuring brand cohesion.

Core Features & Use Cases

  • Brutalist Design System: Guides the application of bold typography (900 weight, tight spacing), thick borders (3-4px), and asymmetrical layouts.
  • Warm Color Palette: Ensures consistent use of brand colors (Brown, Sage, Cream, Terracotta, Rust) for all elements.
  • Accessibility Compliance: Verifies color contrast ratios (4.5:1 minimum) and proper focus states for inclusive design.
  • Use Case: A designer needs to create a new marketing presentation. Use this skill to provide the exact color hex codes, typography scale, border specifications, and layout patterns to ensure the presentation perfectly embodies the "Warm Brutalism" aesthetic.

Quick Start

To apply brand guidelines, specify the type of artifact you are creating (e.g., "document", "presentation", "graphic").

Example: "Apply Menfem brand styling to this report cover." "Design a presentation slide using the 'Warm Brutalism' principles." "Generate a color palette for a new chart using brand colors."

Frequently Asked Questions about menfem-brand

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

FAQPage Schema
How do I maintain consistent branding across all creative outputs?▼

Consistent branding across documents, presentations, and graphics requires enforcing a design system. This skill applies your brand guidelines—color palette, typography, spacing, and layout patterns—to ensure every creative output adheres to your brand identity and eliminates inconsistency.

What is Warm Brutalism and how do I apply it to my designs?▼

Warm Brutalism combines bold typography (900 weight, tight spacing), thick borders (3-4px), and asymmetrical layouts with a warm color palette. This skill provides exact specifications for color hex codes, typography scales, and border widths to apply this aesthetic consistently across presentations, graphics, and documents.

How do I ensure my brand colors meet accessibility contrast requirements?▼

Accessibility compliance requires verifying color contrast ratios of at least 4.5:1 between text and background. This skill checks your brand color palette against accessibility standards and ensures proper focus states, so your designs remain inclusive and meet WCAG guidelines.

Can I use this skill to design UI components with brand consistency?▼

Yes. This skill enforces design-system compliance across UI components, applying your color palette, typography, spacing, and glassmorphism patterns. It ensures every component—button, card, form field—adheres to your brand guidelines.

What file types and creative outputs does brand styling cover?▼

Brand styling applies to documents, presentations, graphics, visualizations, and image or video prompts. This skill covers any creative output requiring color, typography, and layout alignment to your design system.

Do I need existing brand documentation to use this skill?▼

Yes. This skill consults brand documents to extract and apply guidelines. You provide the artifact type (document, presentation, graphic) and specify the style—such as Warm Brutalism—and the skill applies the corresponding color palette, typography, and layout rules.

Related Skills

Explore More Design & Creative Skills→
ZanebonoAlterZanebonoAlter
19

brand-guidelines

Apply Anthropic brand colors, typography, and layout rules to design artifacts.

Community
Basic
fisto-techfisto-tech

brand

Manage brand voice, identity, messaging, and assets for consistent communication.

Official
Advanced
ihlamuryihlamury
73

brex-ui-skills

Enforce Brex UI design constraints for light-mode interfaces with Inter typography and a 4px grid.

Community
Intermediate
rod97-1rod97-1
1

design-taste-frontend

Enforce context-aware design discipline and anti-default guardrails on frontend output.

Community
Advanced