san-watsadu-brand-guidelines

ninyawee's avatarfrom ninyawee

Applies San Watsadu's official brand colors and typography to any artifact that may benefit from the brand's look-and-feel. Use when brand colors, style guidelines, visual formatting, or company design standards apply for San Watsadu (สรรวัสดุ) - a construction materials store in Thailand.

⭐0stars🔀0forks📁View on GitHub🕐Updated Dec 23, 2025⬇️1downloads
[Brand and Creative Direction]

When & Why to Use This Skill

This Claude skill automates the application of San Watsadu's official brand identity, ensuring all generated content adheres to specific color palettes, typography, and design principles. It streamlines the creation of brand-consistent artifacts for the Thai construction materials market by integrating Forest Green and Warm Clay aesthetics with optimized Thai typography (Prompt and Noto Sans Thai).

Use Cases

  • Case 1: Automatically applying brand-compliant HEX/RGB colors and CSS styling to web components or digital interface mockups.
  • Case 2: Formatting Thai language marketing materials to ensure the correct hierarchy between Prompt (headings) and Noto Sans Thai (body) fonts.
  • Case 3: Standardizing corporate reports and internal documents to reflect the 'Friendly Neighborhood Expert' brand voice and visual standards.
  • Case 4: Ensuring visual consistency across social media assets by applying the official secondary and accent color palettes for high-contrast, accessible designs.
namesan-watsadu-brand-guidelines
descriptionApplies San Watsadu's official brand colors and typography to any artifact that may benefit from the brand's look-and-feel. Use when brand colors, style guidelines, visual formatting, or company design standards apply for San Watsadu (สรรวัสดุ) - a construction materials store in Thailand.
licenseComplete terms in LICENSE.txt

San Watsadu (สรรวัสดุ) Brand Styling

Overview

To access San Watsadu's official brand identity and style resources, use this skill.

Keywords: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, San Watsadu brand, visual formatting, visual design, construction materials, Thailand, Thai brand

Tagline: สรร ทดสอบ ไว้ใจได้ (Curated. Tested. Trusted.)

Brand Guidelines

Colors

Primary Colors:

  • Forest Green: #2C5F2D - Growth, stability, trust, natural materials. Use for primary brand color, headers, calls-to-action
  • Warm Clay: #D4A574 - Earthiness, craftsmanship, warmth, local materials. Use for accents, highlights, warmth in designs

Secondary Colors:

  • Steel Gray: #6B7280 - Professionalism, strength, modern materials. Use for supporting text, borders, neutral backgrounds
  • Clean White: #FFFFFF - Clarity, transparency, simplicity. Use for backgrounds, breathing room, digital interfaces
  • Deep Charcoal: #1F2937 - Sophistication, strength, premium quality. Use for primary text, strong statements, premium products

Accent/Utility Colors:

  • Alert Red: #DC2626 - Warnings, urgent actions
  • Success Green: #10B981 - Confirmations, positive actions
  • Info Blue: #3B82F6 - Information, links, interactive elements

Typography

Primary Font (Body Text):

  • Noto Sans Thai + Noto Sans - Clean, modern, excellent Thai language support
  • Use for body text, general content, website, apps
  • Professional, highly readable, works across digital and print

Heading Font:

  • Prompt (Thai) + Inter - Bold, modern, designed for Thai language
  • Use for headers, titles, emphasis
  • Strong visual hierarchy, friendly yet professional

Language

  • Primary Language: Thai (standard Thai for website, respect for regional dialects)
  • First Store Location: กุมภวาปี, อุดรธานี (Kumphawapi, Udon Thani)
  • Domain: sanwatsadu.com

Features

Smart Font Application

  • Applies Prompt font to headings
  • Applies Noto Sans Thai to body text
  • Automatically handles Thai language rendering
  • Preserves readability across all systems

Text Styling

  • Headings: Prompt Bold
  • Body text: Noto Sans Thai
  • Smart color selection based on background
  • Preserves text hierarchy and formatting

Color Application

  • Primary actions and headers use Forest Green (#2C5F2D)
  • Accents and highlights use Warm Clay (#D4A574)
  • Text uses Deep Charcoal (#1F2937) on light backgrounds
  • Maintains visual warmth while staying professional

Design Principles

  • Clarity Over Complexity: Every design choice should serve the user's understanding
  • Breathing Room: White space is not wasted space—it creates calm and focus
  • Consistent Visual Hierarchy: Users should immediately know what's important
  • Warm Technology: Digital doesn't mean cold. Bring humanity into every interface
  • Accessible for All: High contrast, readable fonts, clear labels for everyone

Brand Personality

The Friendly Neighborhood Expert

Warm, approachable, patient, and genuinely invested in success. Welcoming, knowledgeable, supportive, humble, community-focused.

The Modern Innovator

Smart, transparent, efficient, and forward-thinking. Innovative, data-informed, user-centric.

Voice Guidelines

We ARE:

  • Clear and Direct
  • Warm and Welcoming
  • Confident and Honest
  • Helpful and Educational
  • Respectful of Time

We are NOT:

  • Overly Technical
  • Salesy or Pushy
  • Overly Formal
  • Dismissive
  • Trendy for the Sake of It

Technical Details

Font Management

  • Uses system-installed Noto Sans Thai and Prompt fonts when available
  • Provides automatic fallback to system sans-serif fonts
  • Excellent Thai language support
  • For best results, pre-install Noto Sans Thai, Noto Sans, Prompt, and Inter fonts

Color Application

  • Uses RGB/HEX color values for precise brand matching
  • Forest Green RGB: 44, 95, 45
  • Warm Clay RGB: 212, 165, 116
  • Deep Charcoal RGB: 31, 41, 55
  • Maintains color fidelity across different systems