1# CIP Design Reference
2 
3Corporate Identity Program design with 50+ deliverables, 20 styles, 20 industries. Generate mockups with Gemini Nano Banana (Flash/Pro).
4 
5## Scripts
6 
7| Script | Purpose |
8|--------|---------|
9| `scripts/cip/search.py` | Search deliverables, styles, industries; generate CIP briefs |
10| `scripts/cip/generate.py` | Generate CIP mockups with Gemini (Flash/Pro) |
11| `scripts/cip/render-html.py` | Render HTML presentation from CIP mockups |
12| `scripts/cip/core.py` | BM25 search engine for CIP data |
13 
14## Commands
15 
16### CIP Brief (Start Here)
17 
18```bash
19python3 ~/.claude/skills/design/scripts/cip/search.py "tech startup" --cip-brief -b "BrandName"
20```
21 
22### Search Domains
23 
24```bash
25# Deliverables
26python3 ~/.claude/skills/design/scripts/cip/search.py "business card letterhead" --domain deliverable
27 
28# Design styles
29python3 ~/.claude/skills/design/scripts/cip/search.py "luxury premium elegant" --domain style
30 
31# Industry guidelines
32python3 ~/.claude/skills/design/scripts/cip/search.py "hospitality hotel" --domain industry
33 
34# Mockup contexts
35python3 ~/.claude/skills/design/scripts/cip/search.py "office reception" --domain mockup
36```
37 
38### Generate Mockups
39 
40```bash
41# With logo (RECOMMENDED - uses image editing)
42python3 ~/.claude/skills/design/scripts/cip/generate.py --brand "TopGroup" --logo /path/to/logo.png --deliverable "business card" --industry "consulting"
43 
44# Full CIP set with logo
45python3 ~/.claude/skills/design/scripts/cip/generate.py --brand "TopGroup" --logo /path/to/logo.png --industry "consulting" --set
46 
47# Pro model for 4K text rendering
48python3 ~/.claude/skills/design/scripts/cip/generate.py --brand "TopGroup" --logo logo.png --deliverable "business card" --model pro
49 
50# Custom deliverables with aspect ratio
51python3 ~/.claude/skills/design/scripts/cip/generate.py --brand "GreenLeaf" --logo logo.png --industry "organic food" --deliverables "letterhead,packaging,vehicle" --ratio 16:9
52 
53# Without logo (AI generates interpretation)
54python3 ~/.claude/skills/design/scripts/cip/generate.py --brand "TechFlow" --deliverable "business card" --no-logo-prompt
55```
56 
57### Render HTML Presentation
58 
59```bash
60python3 ~/.claude/skills/design/scripts/cip/render-html.py --brand "TopGroup" --industry "consulting" --images /path/to/cip-output
61python3 ~/.claude/skills/design/scripts/cip/render-html.py --brand "TopGroup" --industry "consulting" --images ./topgroup-cip --output presentation.html
62```
63 
64## Models
65 
66- `flash` (default): `gemini-2.5-flash-image` - Fast, cost-effective
67- `pro`: `gemini-3-pro-image-preview` - Quality, 4K text rendering
68 
69## Deliverable Categories
70 
71| Category | Items |
72|----------|-------|
73| Core Identity | Logo, Logo Variations |
74| Stationery | Business Card, Letterhead, Envelope, Folder, Notebook, Pen |
75| Security/Access | ID Badge, Lanyard, Access Card |
76| Office Environment | Reception Signage, Wayfinding, Meeting Room Signs, Wall Graphics |
77| Apparel | Polo Shirt, T-Shirt, Cap, Jacket, Apron |
78| Promotional | Tote Bag, Gift Box, USB Drive, Water Bottle, Mug, Umbrella |
79| Vehicle | Car Sedan, Van, Truck |
80| Digital | Social Media, Email Signature, PowerPoint, Document Templates |
81| Product | Packaging Box, Labels, Tags, Retail Display |
82| Events | Trade Show Booth, Banner Stand, Table Cover, Backdrop |
83 
84## Design Styles
85 
86| Style | Colors | Best For |
87|-------|--------|----------|
88| Corporate Minimal | Navy, White, Blue | Finance, Legal, Consulting |
89| Modern Tech | Purple, Cyan, Green | Tech, Startups, SaaS |
90| Luxury Premium | Black, Gold, White | Fashion, Jewelry, Hotels |
91| Warm Organic | Brown, Green, Cream | Food, Organic, Artisan |
92| Bold Dynamic | Red, Orange, Black | Sports, Entertainment |
93 
94## HTML Presentation Features
95 
96- Hero section with brand name, industry, style, mood
97- Deliverable cards with mockup images
98- Descriptions: concept, purpose, specifications
99- Responsive desktop/mobile, dark theme
100- Images embedded as base64 (single-file portable)
101 
102## Workflow
103 
1041. Generate CIP brief → `scripts/cip/search.py --cip-brief`
1052. Generate mockups with logo → `scripts/cip/generate.py --brand --logo --industry --set`
1063. Render HTML presentation → `scripts/cip/render-html.py --brand --industry --images`
107 
108**Tip:** If no logo exists, use Logo Design (built-in) to generate one first.
109 
110## Detailed References
111 
112- `references/cip-deliverable-guide.md` - Deliverable specifications
113- `references/cip-style-guide.md` - Design style descriptions
114- `references/cip-prompt-engineering.md` - AI generation prompts
115 
116## Setup
117 
118```bash
119export GEMINI_API_KEY="your-key"
120pip install google-genai pillow
121```
122