Hanstec Brand System
CommunityEnforce HansTec brand guidelines.
Design & Creative#typography#UI/UX#design system#color palette#brand guidelines#visual identity#Hanstec
AuthorHans3010
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that all interfaces and digital assets for HansTec adhere strictly to its established brand identity, maintaining consistency and professionalism.
Core Features & Use Cases
- Color Palette Enforcement: Provides exact CSS variable values for primary, accent, and background colors in both dark and light modes.
- Typography Guidelines: Specifies the correct fonts (Bebas Neue, Rajdhani, Space Mono) for different UI elements like headings, body text, and technical labels.
- Logo Usage: Describes the HansTec logo's visual elements for accurate representation.
- Visual Tone: Outlines the desired industrial/tech yet accessible aesthetic, including transition timings, accent usage, and background textures.
- Use Case: A designer can use this Skill to quickly reference the exact color codes and font pairings required for a new HansTec marketing banner, ensuring brand compliance.
Quick Start
Apply the HansTec brand guidelines to the new UI mockups.
Dependency Matrix
Required Modules
None requiredComponents
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: Hanstec Brand System Download link: https://github.com/Hans3010/Hanstec-Automate/archive/main.zip#hanstec-brand-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.