返回 Skill 列表
extension
分类: 开发与工程无需 API Key

brand-wave-artisans

Wave Artisans的品牌工具包。提供设计令牌(颜色、字体、间距)、Nunito Sans字体文件、标志变体以及PDF页面模板。在为Wave Artisans品牌创建文档、演示文稿或网页时使用。

person作者: jakexiaohubgithub

Wave Artisans Brand Kit

Quick Reference

  • Palette: Gray-driven — no single primary color
  • Background: #F5F5F7 (subtle light gray)
  • Body font: Nunito Sans (assets/fonts/body.ttf)
  • Heading font: Nunito Sans Bold (assets/fonts/heading-bold.ttf)
  • Page format: A4
  • Text color: #1C1C1E (never pure black)

Assets

Use the manifest at assets/manifest.json as the programmatic entry point.

Fonts

Four roles: heading, body, mono. All TTF files in assets/fonts/.

| Role | Family | Weight | File | |------|--------|--------|------| | Heading | Nunito Sans | regular | heading.ttf | | Heading | Nunito Sans | bold | heading-bold.ttf | | Body | Nunito Sans | regular | body.ttf | | Body | Nunito Sans | italic | body-italic.ttf | | Body | Nunito Sans | bold | body-bold.ttf | | Body | Nunito Sans | bold italic | body-bold-italic.ttf | | Mono | Fira Code | regular | mono.ttf |

Logos

Variants: full lockup and mark, each in color and white. Files in assets/logos/. Use logo-full-color.svg as default.

| Variant | Color | White | |---------|-------|-------| | Full lockup | logo-full-color.svg/.png | logo-full-white.svg/.png | | Mark | logo-mark-color.svg/.png | logo-mark-white.svg/.png | | Favicon | favicon.png (512x512) | — | | Wordmark | wordmark.svg | — |

PDF Templates

Pre-designed pages in assets/templates/pdf/. Content placement defined in assets/templates/pdf/zones.json.

Select from templates: cover-front, cover-back, page-content, page-blank, section-divider, color-primary, color-accent.

Patterns

Find decorative assets in assets/patterns/: pattern-01.svg/.png, divider-line.svg.

Design Tokens

For full token definitions (color palette, type scale, spacing grid, shadows), see references/tokens.md.

Key Design Principles

  • Nunito Sans for both headings (bold) and body (regular) — single-family harmony
  • Gray-driven identity: no single primary color, the gray itself is the brand
  • Subtle light gray backgrounds (#F5F5F7) with near-black text (#1C1C1E)
  • Semantic colors used as-needed for accent and categorization
  • Apple-minimalist: clean font hierarchy, no decorators/lines, perfect typography and spacing

Imagery Guidelines

  • Style: Artistic black and white — inspired by Peter Lindbergh and Ellen von Unwerth
  • Color treatment: Black and white exclusively
  • Corner radius: 4pt
  • Subjects: Surf culture, shapers, young entrepreneurs, top-model-class beauty
  • Avoid: Color photography, corporate imagery, generic stock photos
  • AI prompt prefix: high-contrast black and white photography in the style of Peter Lindbergh and Ellen von Unwerth, dramatic lighting, editorial fashion composition, breathtaking beauty, raw emotion, film grain, unretouched natural skin, soulful portraits
  • Grounding references: Peter Lindbergh, Ellen von Unwerth (use with enable_web_search: true)

Chart Guidelines

  • Palette: Gray-only — no color in charts, matching the brand's monochrome identity
  • Sequential: Light-to-dark gray (7 stops from #F5F5F7 to #48484A)
  • Diverging: Symmetric gray gradient through white center
  • Highlight color: #1C1C1E (near-black) on #FFFFFF contrast
  • Figure background: #F5F5F7 (matches page background), plot area #FFFFFF
  • Charts use brand typography tokens (h3 for titles, body-sm for axis labels, caption for ticks/legends)

Usage with PDF Factory

  1. Pass this skill's directory path as --brand to render.py and compose.py
  2. Scripts read assets/manifest.json for fonts, logos, templates, and tokens
  3. The manifest.json["tokens"] section drives all styling — colors and type scale
  4. Zone overlays on covers/dividers use tokens for font, size, color, and alignment
  5. SVG logos from assets/logos/ are rendered as vectors on cover pages
  6. Content pages are styled via dynamically generated CSS from the same tokens

Keep manifest.json["tokens"] in sync with references/tokens.md.