Does it include accessibility guidelines?

Yes, it provides specific color pairing recommendations (like using Gunmetal or Space Blue for text) to ensure WCAG contrast compliance.

Which fonts are used in wasmCloud branding?

wasmCloud projects use Lexend as the primary font with Arial as a fallback for sans-serif requirements.

Does this skill provide Tailwind CSS support?

Yes, the skill includes a ready-to-copy Tailwind configuration object that defines colors and font families for both brands.

What is the primary color for Cosmonic projects?

The primary brand color for Cosmonic is Slate Purple (#685BC7), typically used for CTAs and accents.

How do I choose between Cosmonic and wasmCloud branding?

Use Cosmonic branding for enterprise dashboards and commercial materials, and wasmCloud for open-source project documentation and community content.

Cosmonic & wasmCloud Brand Guidelines

Name: Cosmonic & wasmCloud Brand Guidelines
Author: cosmonic-labs

bycosmonic-labs

•

Design Tools

Provides official design specifications, color palettes, and typography for Cosmonic and wasmCloud projects.

This skill equips Claude with the official branding standards for the Cosmonic and wasmCloud ecosystems, including specific hex codes, font families, and implementation snippets for CSS and Tailwind. It ensures consistency across visual content, presentations, and web interfaces by offering immediate access to primary and secondary color palettes, accessibility guidelines, and technical configurations. Whether building open-source community materials or enterprise dashboards, this skill streamlines the design-to-code workflow by providing ready-to-use variables and usage rules.

Key Features

01Access official hex codes for Cosmonic and wasmCloud palettes

02Generate CSS custom properties for brand-compliant styling

03Produce Tailwind CSS configuration snippets for rapid UI development

04Get accessibility guidance for WCAG-compliant color contrast

05Retrieve typography standards and font fallbacks for web projects

0612 GitHub stars

Use Cases

01Creating visual assets or marketing materials that adhere to official color schemes

02Ensuring accessibility and readability in enterprise dashboards using specific dark-mode colors

03Generating brand-compliant CSS and Tailwind configurations for new web projects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cosmonic-labs/skills brand-guidelines

For use in Claude.ai and ChatGPT

Download Skill