skills.rest
engrate
engrateOFFICIAL
Explore all skills by this author →
WebsiteGitHub

engrate-designer

Define and enforce Engrate brand identity across typography, color, and UI standards.

1|Updated Jan 28, 2026
Search Tags:#typography#branding#design-system#color-palette#brand-identity#ui-guidelines#engrate
One-click install
npx skills add https://github.com/engrate/eg-components --skill engrate-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: engrate-designer
Source: https://github.com/engrate/eg-components/tree/main/.github/skills/engrate-designer
Command: npx skills add https://github.com/engrate/eg-components --skill engrate-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Define and maintain Engrate's brand identity across all design outputs to ensure a cohesive, recognizable, and premium presence.

Core Features & Use Cases

  • Governance: typography, color, logo usage, and layout rules to govern all visual materials.
  • Design tokens: a centralized system enabling consistent product UI, websites, decks, and marketing assets.
  • Use Case: produce unified Engrate landing pages, product UI, and marketing presentations that reflect the brand identity.

Quick Start

Create a brand guideline brief for a new Engrate product landing page following the provided typography, color, and layout rules.

Frequently Asked Questions about engrate-designer

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

FAQPage Schema
How do I maintain brand identity across UI components and marketing materials?▼

To maintain brand identity, apply centralized design tokens specifying typography, color palettes, and UI guidelines across websites, apps, and decks to ensure cohesive and recognizable branding.

What typography rules should I follow for headings and body text in a design system?▼

Typography rules for a design system should specify Libre Baskerville for large headings and Work Sans for everything else, ensuring readable and consistent text styling across all product interfaces.

How do I create a brand guideline brief for a new product landing page?▼

Create a brand guideline brief by defining layout, color palette usage, and UI element specs that align with your core identity, ensuring the landing page reflects consistent visual standards.

Can I apply these branding rules to both product UI and presentation decks?▼

Yes, you can apply these branding rules to product UI and presentation decks, as the system provides governance for typography, color, and logo usage across websites, apps, and marketing assets.

Does this design system include specifications for UI element layouts?▼

Yes, the design system includes specifications for UI element layouts, defining layout rules and UI component specs to guarantee consistent implementation and a premium presence across visual materials.

Related Skills

Explore More Design & Creative Skills→
dmedina-devdmedina-dev
1

ckm:brand

Synchronize brand guidelines, design tokens, and marketing assets across projects.

Community
Advanced
cenconq25cenconq25
39

design-bible

Consolidate UI tokens into a single source of truth for design systems.

Community
Advanced
pch007pch007
1

react

Convert JSON specs into React component trees with @json-render/react.

Community
Advanced
TheTesseractAITheTesseractAI

branding-generator

Generates branding concepts with color, typography, voice, and visual mood from user input and competitor analysis.

Community
Advanced