Brand Identity Starter — 12 Decisions, One Guide

    1

    Positioning, logo brief, colour with verified contrast, type, voice — and the applications you actually use.

    $12

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    Security scanned

    Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+21 more

    Brand Identity Starter — 12 Decisions, One Guide

    Example session with this skill installed

    I'm launching 'NexusFlow', a B2B SaaS for automated supply chain tracking. We need to look reliable but modern. Help us build a brand identity including colors, fonts, and a logo brief.

    • Read your context and instructions
    • Compiled the brand identity starter

    I have developed the brand identity for NexusFlow, focusing on 'Reliable Precision' as the core positioning. This identity balances the stability required for supply chain logistics with the modern speed of an automated SaaS platform.

    NexusFlow Brand Identity System

    1. Visual Directions (Logo Brief)

    DirectionConceptTypographyVisual Metaphor
    The ConnectorInterlocking 'N' and 'F'Inter BoldNodes linked by a single, unbroken line.
    Steady PulseData-driven wordmarkRoboto MonoA geometric glyph representing a flowing timeline.
    High GroundAbstract geometric symbolMontserratA simplified upward arrow integrated into negative space.

    2. Color System (Accessibility Verified)

    UsageNameHexContrast Ratio (on White)Notes
    PrimaryLogistics Blue#1A365D12.8:1Trust, stability, depth.
    AccentKinetic Teal#2D99FF3.2:1Use for UI focus states/buttons.
    NeutralSlate Gray#4A55686.4:1Body text and borders.
    BackgroundIce White#F7FAFCN/AInterface background.

    3. Typography & Tokens

    :root {
  /* Brand Fonts */
  --font-display: 'Inter', sans-serif;
  --font-body: 'Source Sans Pro', sans-serif;

  /* Type Scale */
  --text-xs: 0.75rem;   /* 12px */
  --text-base: 1rem;    /* 16px - Body */
  --text-xl: 1.25rem;   /* 20px - H3 */
  --text-2xl: 1.5rem;   /* 24px - H2 */
  --text-4xl: 2.25rem;  /* 36px - H1 */

  /* Brand Colors */
  --color-primary: #1A365D;
  --color-accent: #2D99FF;
  --color-text-main: #2D3748;
}

    4. Voice and Tone

    • Voice: Professional, efficient, and observant.
    • We sound like: An expert logistics coordinator who never loses a package.
    • We never sound: Hype-driven, overly casual, or vague.

    Next steps

    1. Send the Logo Brief to a designer to execute the 'Connector' or 'Steady Pulse' concepts.
    2. Add the CSS Variables to your global stylesheet to unify your landing page and dashboard.
    3. Update your LinkedIn and Twitter headers using the Logistics Blue and Ice White palette.

    Connects securely to your tools. The creator never sees your data.

    About this skill

    The problem

    Small businesses and startups often struggle with inconsistent visuals and messaging, leading to a fragmented brand that confuses customers. Developers and founders frequently waste time re-deciding colors, fonts, and tone for every new asset or landing page.

    What it does

    • Generates a comprehensive brand guide covering positioning, personality, voice, and visual rules.
    • Produces a professional logo brief with 2-3 design directions and technical requirements.
    • Creates a verified color system with WCAG contrast checks and multi-format values (Hex, RGB, CMYK).
    • Defines a typography scale with specific Google Font or system pairings and fallback rules.
    • Exports design tokens in JSON and CSS formats for immediate implementation in code.

    Why this beats prompting it yourself

    This skill applies professional art direction logic used at Fortune 500 levels rather than just picking "pretty" colors. It ensures technical feasibility by validating accessibility contrast ratios and providing developer-ready token files that prevent design debt.

    Use cases

    • Building a new visual identity for a startup or side project from scratch.
    • Standardizing an existing brand into a formal guide to ensure team consistency.
    • Creating a technical brief for a professional graphic designer to execute.
    • Generating CSS variables and design tokens for a new web application.

    Known limitations

    Does not generate image files or vector logos. Trademark clearance and legal name searches must be handled by a lawyer.

    Does not generate image files or vector logos. Trademark clearance and legal name searches must be handled by a lawyer.

    How to use

    1. 1

      Connect your agent to the Agensi MCP

      Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup

    2. 2

      Sign in to Agensi

      Your agent shows a sign-in link. Sign in and click Allow.

    3. 3

      Ask for what you need

      Your agent loads this skill and uses it on your task. It always asks before any payment.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill goes through the trust checks below.

    Security scanned

    Checked by our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Money-back guarantee

    Doesn't do what its page promises? You get your money back.

    Trust & safety

    Security scan

    Security scan passed 1 month ago

    Permissions

    No special permissions declared or detected

    Listed1 month ago

    What's inside

    Frequently Asked Questions

    The Brand Identity Starter delivers a comprehensive Brand Guide (positioning and voice), a technical Logo Brief, a WCAG-compliant color system, a typography scale, and exportable design tokens in JSON/CSS formats.

    No, this skill focuses on the strategic and technical foundation of your brand; while it provides professional design directions and technical specs, you will need a designer or a vector tool to create the final logo files.

    The skill is built to be platform-agnostic, meaning you can use the generated design tokens and CSS variables in any web framework, from React and Vue to standard HTML/CSS.

    Absolutely—the skill includes an accessibility audit that validates your color palette against WCAG standards to ensure your brand is readable and inclusive from day one.

    Unlike generic prompts, this skill uses professional art direction logic and technical validation to bridge the gap between "creative ideas" and "production-ready code," specifically preventing design debt.

    New in Branding & Design