What are the primary hex codes for PolicyEngine branding?

The primary Teal accent is #39C6C0 and the secondary Blue is #2C6496. For App V2 projects, the updated primary teal is #319795.

Where can I find the official logo URLs?

The skill contains direct links to high-resolution PNG and SVG versions of the teal and white logos hosted in the official PolicyEngine GitHub repositories.

How do I apply PolicyEngine branding to Plotly charts?

The skill provides a Python function called format_fig that automatically applies the Roboto Serif font, teal accent colors, white backgrounds, and the official logo to your Plotly objects.

Does this skill include Streamlit support?

Yes, it provides specific configuration blocks for .streamlit/config.toml to set the primary colors, background, and text colors to match the PolicyEngine brand.

PolicyEngine Design System

Name: PolicyEngine Design System
Author: PolicyEngine

byPolicyEngine

•

디자인 도구

Standardizes the visual identity of PolicyEngine applications through consistent branding, typography, and data visualization guidelines.

소개

This skill provides Claude with the comprehensive visual identity and branding guidelines necessary for developing PolicyEngine web apps, calculators, and research outputs. It includes specific implementation patterns for Plotly charts, Streamlit themes, and React components using the core teal and blue color palettes. By codifying these standards, the skill ensures that analysts and developers can produce cohesive, professional, and data-focused content that aligns with PolicyEngine's quantitative presentation style, including guidance on typography, logo placement, and transitions between legacy and App V2 design tokens.

주요 기능

Plotly chart formatting templates for branded research and blog visualizations
Design token mapping for seamless migration to the PolicyEngine App V2 system
Streamlit configuration snippets for rapid development of branded calculators
2 GitHub stars
Standardized color palettes for primary, secondary, and extended brand identities
Comprehensive logo asset directory with usage guidelines for light and dark backgrounds

사용 사례

Theming new Streamlit-based tax calculators with PolicyEngine visual standards
Generating branded Plotly visualizations for policy analysis blog posts
Implementing consistent UI components in React using the App V2 design system

소개

주요 기능

Plotly chart formatting templates for branded research and blog visualizations
Design token mapping for seamless migration to the PolicyEngine App V2 system
Streamlit configuration snippets for rapid development of branded calculators
2 GitHub stars
Standardized color palettes for primary, secondary, and extended brand identities
Comprehensive logo asset directory with usage guidelines for light and dark backgrounds

사용 사례

Theming new Streamlit-based tax calculators with PolicyEngine visual standards
Generating branded Plotly visualizations for policy analysis blog posts
Implementing consistent UI components in React using the App V2 design system