What is the primary color palette used?

The branding uses a warm cream background (#FFF8F0) with deep purple (#481B91) and medium purple (#6B3FA0) as primary and secondary accents.

Can I use this skill to generate PDFs?

Yes, it includes specific instructions for headless Chrome PDF export, including base64 font embedding and print-scale CSS adjustments.

What typography does this skill implement?

It uses Marcellus for titles and headings and Figtree for body text and labels, both imported via Google Fonts.

How does it handle status indicators?

It provides specific hex codes and styling for positive (green), warning (amber), and danger (red) statuses to ensure visual consistency across dashboards.

Hazel Health Brand Guidelines

Name: Hazel Health Brand Guidelines
Author: winsthuang

bywinsthuang

0•

Design Tools

Applies Hazel Health's official brand colors, typography, and layout patterns to visual deliverables and reports.

The hazel-brand-guidelines skill ensures that all visual artifacts produced by Claude—including slides, reports, dashboards, and PDFs—adhere strictly to Hazel Health's corporate identity. It automates the implementation of the Marcellus and Figtree typography, the signature warm cream and deep purple color palette, and standardized layout patterns for callout boxes and data tables. By providing optimized PDF export configurations and print-specific CSS rules, it enables the creation of professional, production-ready documents that maintain a warm, intentional aesthetic rather than a generic or clinical appearance.

Key Features

01Automated confidential footer and brand-compliant metadata injection

02Standardized typography using Marcellus and Figtree Google Fonts

03Headless Chrome optimized PDF export settings and print-media CSS

04Official Hazel Health color palette application for backgrounds, text, and accents

05Pre-configured layout patterns for executive-style callouts and stat boxes

060 GitHub stars

Use Cases

01Styling HTML-based slide decks for internal or external presentations

02Generating branded executive reports and performance dashboards

03Creating print-ready PDF documentation with consistent corporate styling

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add winsthuang/hazel-skills hazel-brand-guidelines

For use in Claude.ai and ChatGPT

Key Features

01Automated confidential footer and brand-compliant metadata injection

02Standardized typography using Marcellus and Figtree Google Fonts

03Headless Chrome optimized PDF export settings and print-media CSS

04Official Hazel Health color palette application for backgrounds, text, and accents

05Pre-configured layout patterns for executive-style callouts and stat boxes

060 GitHub stars

Use Cases

01Styling HTML-based slide decks for internal or external presentations

02Generating branded executive reports and performance dashboards

03Creating print-ready PDF documentation with consistent corporate styling

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add winsthuang/hazel-skills hazel-brand-guidelines

For use in Claude.ai and ChatGPT