skills.rest
SMOrchestra-ai
SMOrchestra-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

smorch-brand-system

Apply SMOrchestra branding with color tokens, typography, spacing, and components.

Updated Aug 27, 2026
Search Tags:#typography#branding#tokens#design-system#ui-components#brand-voice
One-click install
npx skills add https://github.com/SMOrchestra-ai/smorch-dist --skill smorch-brand-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: smorch-brand-system
Source: https://github.com/SMOrchestra-ai/smorch-dist/tree/main/plugins/smorch-design/skills/smorch-brand-system
Command: npx skills add https://github.com/SMOrchestra-ai/smorch-dist --skill smorch-brand-system

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Apply SMOrchestra's visual identity to any artifact. This Skill provides the complete design system: colors, typography, spacing, components, animations, and brand voice rules.

Core Features & Use Cases

  • Colors: tokens and usage
  • Typography
  • CSS Variables
  • Component Patterns
  • Navigation
  • Animations
  • Brand Voice in Copy

Quick Start

Integrate the provided brand design system into your project by applying the color tokens, typography, spacing, and component patterns defined in this Skill.

Frequently Asked Questions about smorch-brand-system

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

FAQPage Schema
How do I apply consistent branding across multiple UI components and artifacts?▼

To apply consistent branding across UI components and artifacts, use a centralized design system with predefined color tokens, typography, spacing, and component patterns. This ensures visual consistency across landing pages, dashboards, and other branded assets.

What is included in a complete design system for web and print assets?▼

A complete design system for web and print assets includes color tokens, typography scales, CSS variables, component patterns, navigation structures, animations, and brand voice rules to automate visual identity application across projects.

Can I use design tokens and CSS variables for branding landing pages and dashboards?▼

Yes, you can use design tokens and CSS variables for branding landing pages and dashboards. Defining colors and spacing as variables allows you to systematically apply and update visual styles across all UI components and artifacts.

What's the best way to maintain brand voice in copy alongside visual design tokens?▼

The best way to maintain brand voice in copy alongside visual design tokens is to integrate written voice rules directly into the design system, ensuring textual communication matches the standardized typography and UI component patterns.

Do I need specific design system dependencies to apply branding to slide decks and emails?▼

No specific external dependencies are required to apply branding to slide decks and emails. A self-contained system providing color tokens, typography, and component patterns can be directly integrated into various project outputs.

Related Skills

Explore More Design & Creative Skills→
xiaoquqixiaoquqi

popular-web-designs

Generate HTML/CSS boilerplate from design-system templates and CSS patterns.

Community
Advanced
astoreyaiastoreyai
3

kymera-brand

Define Kymera Brand System UI guidelines for dashboards, reports, presentations, and technical artifacts across web and print with color tokens, typography, components, and backgrounds for dark/light modes.

Community
Basic
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
daffy0208daffy0208
34

brand-designer

Design cohesive brand identities with SVG logos, color palettes, and typography systems.

Community
Intermediate