Ultra brand identity
Skill amirudinR/Ultra-Skill/skills/ui-design/ultra-brand-identity
Brand voice, visual identity, logo generation concepts, CIP (Corporate Identity Program) mockups, iconography system, color palette + typography for branding. Integrates with Ultra Design Engine design intelligence for data-driven brand decisions.From its SKILL.md
npx -y skills add amirudinR/Ultra-Skill --skill ultra-brand-identityAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
7.1 KB, as published. Nobody here has run it
Ultra Brand Identity
Brand voice, visual identity, logo concepts, CIP mockups, iconography, and design tokens for brand consistency. Use when creating or evolving brand systems.
When to Use
- Brand voice definition and content tone guidance
- Visual identity standards and style guide development
- Logo design and AI generation
- CIP (Corporate Identity Program) deliverables and mockups
- Iconography system creation
- Color palette management and typography specs
- Brand consistency review and audit
- Asset organization and naming conventions
Prerequisites
Python 3.x:
python3 --version || python --version
On Windows use python instead of python3.
Source of Truth
| Resource | Path |
|---|---|
| Ultra Design Engine search | ultra-design-engine\scripts\search.py |
| Product styles | ultra-design-engine\data\products.csv |
| Colors palette | ultra-design-engine\data\colors.csv |
| Typography | ultra-design-engine\data\typography.csv |
| Styles DB | ultra-design-engine\data\styles.csv |
| Design patterns | ultra-design-engine\data\design.csv |
| Icons DB | ultra-design-engine\data\icons.csv |
| Google Fonts | ultra-design-engine\data\google-fonts.csv |
Brand Foundation
Brand Voice
Define and document brand voice across these dimensions:
| Dimension | Questions to Answer |
|---|---|
| Tone | Formal / casual / playful / authoritative / empathetic |
| Language | Technical / plain / poetic / direct / storytelling |
| Audience | B2B / B2C / enterprise / consumer / developer |
| Values | Innovation / trust / speed / quality / accessibility |
Visual Identity
Use Ultra Design Engine to select product-specific visual identity:
# Get product-specific style recommendations
python ultra-design-engine\scripts\search.py "<product type>" --domain product
# Get matching color palettes
python ultra-design-engine\scripts\search.py "<product type>" --domain color
# Get font pairings
python ultra-design-engine\scripts\search.py "<mood keywords>" --domain typography
Full Design System for Brand
python ultra-design-engine\scripts\search.py "<brand product type> <keywords>" --design-system -p "Brand Name"
Persist for reuse:
python ultra-design-engine\scripts\search.py "<query>" --design-system --persist -p "Brand Name"
Logo Design
55+ logo styles available in the Ultra Design Engine design database. When designing a logo:
Logo Design Brief
Define: brand name, industry, style keywords, color preferences, symbol type (iconic, typographic, abstract, combination mark).
Logo Style Selection
Use the design patterns database (design.csv) and styles database for reference. Key logo style categories:
| Style | Best For |
|---|---|
| Minimalist | SaaS, tech, modern brands |
| Vintage/Badge | F&B, craft, heritage brands |
| Geometric | Tech, fintech, enterprise |
| Script/Elegant | Luxury, beauty, fashion |
| Mascot | Gaming, entertainment, children |
| Abstract Mark | Versatile, modern, tech |
Logo Design Rules
- ALWAYS generate output logo images with white background
- Vector formats preferred (SVG) for scalability
- Maintain clear space — logo should have padding equal to 1x the logo height on all sides
- Test at small sizes (favicon: 16x16, app icon: 1024x1024)
- Provide at minimum: horizontal lockup, vertical lockup, icon-only, monochrome version
CIP (Corporate Identity Program)
A CIP encompasses 50+ deliverables across brand touchpoints. Use the design patterns in design.csv and product type data.
CIP Deliverable Categories
| Category | Examples |
|---|---|
| Stationery | Business card, letterhead, envelope, notepad |
| Digital | Email signature, social media templates, favicon |
| Signage | Office signage, wayfinding, vehicle wrap |
| Collateral | Brochure, flyer, catalog, presentation template |
| Merchandise | T-shirt, mug, tote bag, pen |
| Advertising | Print ad, banner, billboard, digital ad |
CIP Design Approach
- Extract brand tokens (colors, typography, logo) from brand foundation
- Select CIP style based on industry and brand personality
- Apply design system tokens consistently across all deliverables
- Generate mockups for key deliverables (business card, letterhead, social templates)
Iconography System
The Ultra Design Engine icons database (icons.csv) provides 106 curated Phosphor icon recommendations across 12 categories:
| Category | Examples |
|---|---|
| Navigation | list, arrow-left, caret-down, home |
| Actions | plus, pencil, trash, download |
| Media | play, pause, camera, image |
| Status | check-circle, warning, info |
| Social | share, heart, chat, user |
Icon Style Guidelines
- Default icon library: Phosphor (
@phosphor-icons/react) - Fallback: Heroicons (
@heroicons/react) — maintain consistent stroke/weight - Use one icon style per hierarchy level (filled vs outline)
- Consistent stroke width (1.5px or 2px) within same visual layer
- Touch targets minimum 44x44pt
- WCAG contrast: 4.5:1 small elements, 3:1 minimum for UI glyphs
- No emoji as structural icons
Color Palette + Typography for Branding
Brand Color Token Mapping
/* Brand tokens → Semantic tokens */
--brand-primary: #...; /* Logo primary color */
--brand-secondary: #...; /* Logo secondary color */
--brand-accent: #...; /* CTA / highlight color */
--brand-neutral: #...; /* Background / surface base */
/* Semantic tokens map brand → UI */
--color-primary: var(--brand-primary);
--color-accent: var(--brand-accent);
Typography for Branding
Use google-fonts.csv (1924 fonts) and typography.csv (75 pairings) to select brand fonts:
python ultra-design-engine\scripts\search.py "luxury elegant" --domain typography
Font selection criteria:
- Heading font: Distinctive, brand-reflective, limited to 1-2 weights
- Body font: Readable at small sizes, good on screens, wide character set
- Display font: (Optional) For hero text, limited to single weight
- Max 2 typefaces in brand system (3 with display)
Brand Consistency Checklist
- Brand voice documented and accessible
- Color palette defined with hex values and semantic names
- Typography scale with heading/body fonts and Google Fonts URLs
- Logo files in all required formats (SVG, PNG, favicon)
- Iconography style guide consistent
- Design tokens synced from brand guidelines
- CIP mockups for top 10+ deliverables
- Light/dark mode color variants defined
Cross-Reference
| Skill | When to Load |
|---|---|
ultra-ui-styling | Search styles, colors, fonts from Ultra Design Engine DB |
ultra-design-system | Turn brand primitives into token architecture |
ultra-frontend-eng | Implement brand-consistent components |
ultra-banner-design | Brand-aligned banner/social creative |
ultra-slides | Brand-compliant presentations |