# Brand Identity

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

- Repository: https://github.com/vibeeval/vibecosystem (541 stars)
- Category: Design
- License: MIT
- Last updated: 2026-08-08
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add vibeeval/vibecosystem --skill brand-identity -g -a claude-code -y`
Codex: `npx skills add vibeeval/vibecosystem --skill brand-identity -g -a codex -y`
Cursor: `npx skills add vibeeval/vibecosystem --skill brand-identity -g -a cursor -y`
Gemini CLI: `npx skills add vibeeval/vibecosystem --skill brand-identity -g -a gemini-cli -y`

## Description

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

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Brand Identity

Marka kimligini olusturma ve koruma rehberi. Tutarlilik her seydir.

## Voice Framework

### Voice vs Tone

| Kavram | Tanim | Ornek |
|--------|-------|-------|
| Voice | Markanin kalici kisilik ozellikleri | "Profesyonel ama samimi" |
| Tone | Duruma gore degisen ifade bicimi | Hata mesajinda: empatik, basaride: kutlamaci |

### Personality Traits Matrisi

Markanin 4 eksenini tanimla:

| Eksen | Sol Uc | Sag Uc | Senin Pozisyon (1-5) |
|-------|--------|--------|----------------------|
| Formalite | Resmi, kurumsal | Samimi, konusma dili | ? |
| Enerji | Sakin, olculu | Heyecanli, enerjik | ? |
| Mizah | Ciddi, agirbasli | Eglenceli, espirili | ? |
| Teknik | Basit, herkes icin | Uzman, 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

| Kural | Detay |
|-------|-------|
| Clear space | Logo etrafinda min logo yuksekligi kadar bosluk |
| Min boyut | Dijitalde min 24px yukseklik |
| Arka plan | Hangi renklerde kullanilabilir, hangilerinde degil |
| Varyasyonlar | Full color, monochrome, reversed (dark bg) |
| Yasaklar | Stretch 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

The rest: https://github.com/vibeeval/vibecosystem/blob/HEAD/skills/brand-identity/SKILL.md