skills.rest
oakoss
oakossOFFICIAL
Explore all skills by this author →
Website𝕏@oak_ossGitHub

brand-designer

Generate cohesive brand identities with SVG logos, Tailwind color tokens, and typography systems.

14|5|Updated Jan 29, 2026
Search Tags:#typography#branding#color palette#logo design#brand guidelines#svg
One-click install
npx skills add https://github.com/oakoss/agent-skills --skill brand-designer-oakoss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-designer
Source: https://github.com/oakoss/agent-skills/tree/main/skills/brand-designer
Command: npx skills add https://github.com/oakoss/agent-skills --skill brand-designer-oakoss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of comprehensive brand identities, from initial logo concepts to final brand guideline documents, ensuring a cohesive visual presence.

Core Features & Use Cases

  • Logo Design: Generates SVG logo components with multiple variants (full, icon, wordmark).
  • Color Palette: Creates accessible color systems, configurable for Tailwind CSS.
  • Typography: Establishes clear type scales and font pairings.
  • Brand Guidelines: Compiles all visual elements into a professional document.
  • Templates: Provides ready-to-use SVG templates for social media and business cards.
  • Use Case: Launching a new startup and need a full brand identity package including a logo, color scheme, typography, and a brand book.

Quick Start

Use the brand-designer skill to create a logo, color palette, and typography system for a new tech company.

Frequently Asked Questions about brand-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a complete brand identity with logo, color palette, and typography?▼

To create a complete brand identity, this tool generates cohesive SVG logo components, accessible color palettes configured for Tailwind CSS, and clear type scales. It compiles these visual elements into a professional brand guidelines document.

What is included in a brand guidelines document?▼

A brand guidelines document compiles all visual elements into a professional reference. It includes your logo variants, accessible color systems, typography pairings, and ready-to-use SVG templates for social media and business cards.

Can I generate SVG logo variants for different use cases?▼

Yes, you can generate SVG logo variants for different use cases. The system outputs multiple SVG logo components including full, icon, and wordmark variants to ensure a cohesive visual presence across platforms.

Does the color palette system work with Tailwind CSS tokens?▼

Yes, the color palette system works with Tailwind CSS tokens. It creates accessible color systems and configures them specifically for Tailwind CSS, allowing direct integration into your development environment.

What's the best way to set up a typography system for a new startup?▼

The best way to set up a typography system for a startup is to establish clear type scales and font pairings. This process ensures readable, cohesive text across all brand assets and social media templates.

Related Skills

Explore More Design & Creative Skills→
magnus919magnus919
86

brand-designer

Generate a markdown-based Brand Identity package with strategy, visual identity, voice, governance, and asset inventory.

Community
Advanced
PeterHddPeterHdd
27

cleanui

Improve AI-generated user interfaces with design best practices and layout intelligence.

Community
Advanced
ArogyaReddyArogyaReddy

visual-design-foundations

Define typography, color, spacing, and iconography design tokens for web and mobile UI.

Community
Advanced
rawerawe

firstspirit-fs-cli

Automate FirstSpirit template export, modification, and re-import via fs-cli workflows.

Community
Advanced