skills.rest
huynguyenh
huynguyenhCOMMUNITY
Explore all skills by this author →
GitHub

hnh-design-guideline

Enforce ZenLabs brand design guidelines for visual outputs across multiple formats.

3|Updated Mar 9, 2026
Search Tags:#typography#design system#color palette#brand guidelines#logo usage#ZenLabs
One-click install
npx skills add https://github.com/huynguyenh/skills --skill hnh-design-guideline
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hnh-design-guideline
Source: https://github.com/huynguyenh/skills/tree/main/skills/hnh-design-guideline
Command: npx skills add https://github.com/huynguyenh/skills --skill hnh-design-guideline

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Ensures all visual outputs adhere to the ZenLabs brand design system, preventing off-brand colors, fonts, and logos.

Core Features & Use Cases

  • Brand Consistency: Provides strict rules for colors, typography, and logo usage.
  • Multi-format Support: Applicable to PDFs, presentations, documents, HTML, and spreadsheets.
  • Use Case: When generating a client-facing report, use this skill to ensure all text uses the Inter font, headings use Rubik, and the primary green color (#04563E) is used for key elements.

Quick Start

Consult the hnh-design-guideline skill for ZenLabs' primary font and dark text color.

Frequently Asked Questions about hnh-design-guideline

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

FAQPage Schema
How do I maintain brand guidelines across PDFs, presentations, and HTML outputs?▼

Brand consistency across PDFs, presentations, and HTML is maintained by enforcing specific design system rules for typography, color palettes, and logo usage. This prevents off-brand visual outputs.

What fonts and color palettes are required for ZenLabs brand design?▼

The ZenLabs brand design requires Rubik for headings and Inter for text, alongside a primary green color palette (`#04563E`), background colors, and status colors. Strict adherence prevents off-brand typography.

Can I apply a brand design system to spreadsheets and client-facing documents?▼

Yes, you can apply brand design system guidelines to spreadsheets and client-facing documents. The system specifies layout patterns, fonts, and primary colors to ensure professional, approachable visual outputs.

What is the best way to enforce logo usage and brand voice in generated reports?▼

The best way to enforce logo usage and brand voice in generated reports is to apply strict brand consistency rules. This requires adherence to a professional, approachable tone alongside designated layout patterns.

Why does my generated presentation use off-brand colors and mismatched fonts?▼

Generated presentations use off-brand colors and mismatched fonts when design system guidelines are not enforced. Applying strict rules for primary color palettes and typography like Rubik and Inter fixes this.

Related Skills

Explore More Design & Creative Skills→
clovernguyen1010-ship-itclovernguyen1010-ship-it

ba-brand-demo-gen

Convert Brand Guideline Markdown into standalone HTML demos with inline CSS.

Community
Advanced
jaimedhenriquesjaimedhenriques

applying-brand-guidelines

Standardize presentations, spreadsheets, and PDFs to match corporate brand guidelines.

Community
Intermediate
iadr-deviadr-dev
2

theme-factory

Apply curated color palettes and typography pairings to presentations and documents.

Community
Basic
OpenLaborOpenLabor
4

Brand Guidelines

Enforce color, typography, logo usage, and voice guidelines across brand assets.

Official
Intermediate