
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- Repository
- vibeeval/vibecosystem541
- 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
| 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}


