Skills

Brand Identity

Voice framework, visual identity standards, color palette management, typography specs...

Install

npx skills add vibeeval/vibecosystem --skill brand-identity -g -a claude-code -y
Category
Design
Updated
3mo ago
License
MIT
Context cost
Lightabout 1,066 tokens
Runs scripts
No, instructions only

What it does

Voice framework, visual identity standards, color palette management, typography specs, brand consistency

Brand Identity

Marka kimligini olusturma ve koruma rehberi. Tutarlilik her seydir.

Voice Framework

Voice vs Tone

KavramTanimOrnek
VoiceMarkanin kalici kisilik ozellikleri"Profesyonel ama samimi"
ToneDuruma gore degisen ifade bicimiHata mesajinda: empatik, basaride: kutlamaci

Personality Traits Matrisi

Markanin 4 eksenini tanimla:

EksenSol UcSag UcSenin Pozisyon (1-5)
FormaliteResmi, kurumsalSamimi, konusma dili?
EnerjiSakin, olculuHeyecanli, enerjik?
MizahCiddi, agirbasliEglenceli, espirili?
TeknikBasit, herkes icinUzman, teknik dil?

Voice Checklist

  • 3-5 kelimelik voice tanimi var (orn: "Guvenilir, samimi, net")
  • Her voice ozelliginin "yapma" karsiligi var
  • Ornek cumleler var (ana sayfa, hata mesaji, onboarding)
  • Tone varyasyonlari tanimli (basari, hata, bekleme, bilgi)

Visual Identity Standards

Logo Kullanim Kurallari

KuralDetay
Clear spaceLogo etrafinda min logo yuksekligi kadar bosluk
Min boyutDijitalde min 24px yukseklik
Arka planHangi renklerde kullanilabilir, hangilerinde degil
VaryasyonlarFull color, monochrome, reversed (dark bg)
YasaklarStretch etme, renk degistirme, efekt ekleme

Color Palette Management

3-Katman Token Mimarisi

LAYER 1: Primitive (Ham renkler)
  blue-500: #3b82f6
  blue-600: #2563eb
  gray-100: #f3f4f6

LAYER 2: Semantic (Anlam tasiyan)
  color-primary: {blue-600}
  color-danger: {red-600}
  color-surface: {white}
  color-text: {gray-900}

LAYER 3: Component (Kullanim yeri)
  button-primary-bg: {color-primary}
  button-primary-hover: {blue-700}
  card-bg: {color-surface}
  input-border: {gray-300}

Palette Kurallari

Read the whole SKILL.md on GitHub

More in Design