Skills
.Work. You
Rest

xweather-branding

Community

Apply Vaisala Xweather branding to UI design.

Design & Creative#typography#branding#css#ui-design#color-tokens#brand-guidelines
Authorfour43
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Consolidates Vaisala Xweather branding guidelines for web UI design, ensuring consistent colors, typography, spacing, and logos across projects.

Core Features & Use Cases

  • Provides a complete Xweather branding framework for UI development, including color tokens, typography scale, layout rules, logo usage, and a CSS starter.
  • Includes brand assets and practical guidelines to maintain on-brand visuals for dashboards, marketing sites, and product interfaces.
  • Use Case: When building a web app, apply the CSS starter and color tokens to achieve an on-brand UI that respects dark/light modes and squared-off design principles.

Quick Start

Apply the CSS starter and color tokens from the Skill to style your UI with Xweather branding.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: xweather-branding
Download link: https://github.com/four43/dotfiles/archive/main.zip#xweather-branding

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.