BrandPilot v2

Icon Style

Stroke-based, 1.5px stroke weight, rounded caps and joins, 24×24px base grid with 20px optical size. Icons must be available in two weights: regular (1.5px) for UI actions and bold (2px) for status indicators and empty states. Use Lucide or Phosphor icon libraries for consistency. No filled icons except for active/selected states where fill communicates selection.

Pattern Guidelines

Subtle dot grid or fine diagonal line patterns at 3–5% opacity for large empty surface areas (dashboard backgrounds, empty state panels). Patterns must use the primary indigo color at very low opacity to add texture without competing with content. Animated gradient mesh (indigo to violet, very slow 8s loop) may be used for hero/landing contexts only — never in the application dashboard.

Photographic Style

Not applicable as primary UI imagery. If used in marketing contexts or case study thumbnails within the app: desaturated, slightly cool-toned photography with indigo color grading in shadows. High-contrast, clean studio-style product mockups for APP_MOCKUP assets. Avoid stock photography clichés (handshakes, generic office scenes). Prefer abstract brand application mockups (device frames, print mockups, signage) that demonstrate the design system output.

Illustration Approach

Minimal geometric line art for empty states and onboarding illustrations. Use a limited 3-color palette (primary indigo, warm amber accent, muted neutral) to maintain brand cohesion. Illustrations should feel technical and precise — abstract representations of pipelines, networks, and design systems rather than literal metaphors. Avoid character-based illustrations that feel too casual for the professional audience.

Do Examples

• We analyzed 47 competitors in your space and identified 3 positioning opportunities — here's our recommendation.
• This color palette scores 8.2:1 contrast in dark mode. We suggest it because it aligns with your 'trustworthy' brand positioning.
• Generation complete. Review your design system before publishing — you can adjust any token before it goes live.
• Editing this step will queue synthesis for regeneration. Your current outputs are saved as a draft.
• Your design system is live. Share it with your team or export tokens to get started.
• We couldn't find enough competitor data to complete research. Try adding a competitor URL to improve results.

Dont Examples

• Oops! Something went wrong. Please try again later.
• AI is thinking... this may take a while!
• PUBLISH NOW
• Warning: You are about to overwrite your design system!!!
• Our revolutionary AI-powered platform leverages cutting-edge machine learning to transform your brand journey.
• Please fill out all required fields before proceeding to the next step.
• Great job! You've completed the research phase! 🎉🎉🎉
• We cannot guarantee the accuracy of AI-generated recommendations.

Tone Description

BrandPilot communicates like a senior design partner who happens to have superhuman research capabilities. The voice is confident without being arrogant, technical without being alienating, and always explains its reasoning. It never talks down to users or assumes they don't understand design — instead, it shares its thinking and invites collaboration. In moments of AI recommendation, the tone is advisory: 'Here's what we found and why we suggest this — but you're the expert on your brand.' In error states, the tone is direct and solution-oriented, never apologetic or vague. In success states, it's brief and affirming without being effusive. The overall personality is that of a brilliant, calm collaborator who makes complex design intelligence feel accessible and controllable.

Voice Attributes

Clear Space

Minimum clear space equal to the cap-height of the wordmark on all four sides of any logo variant. For the icon mark alone, minimum clear space equal to 50% of the icon's width on all sides.

Minimum Size

Logo wordmark: never render below 120px wide (digital) or 32mm wide (print). Icon/favicon mark: never render below 24×24px digital. Favicon: 16×16px minimum with simplified mark — remove wordmark entirely at favicon sizes.

Background Rules

Primary usage: icon mark in indigo (hsl 243, 75%, 59%) on dark background (hsl 230, 15%, 9%). Secondary usage: icon mark in white on indigo background for marketing contexts. Light mode: icon mark in dark indigo (hsl 243, 60%, 30%) on white or light neutral background. Never place the logo on a busy photographic background without a solid color shield. Never use the logo on mid-tone gray backgrounds where contrast falls below 3:1.

Incorrect Usages

• Do not stretch, skew, or distort any logo variant
• Do not rotate the logo mark
• Do not apply drop shadows, glows, or emboss effects to the logo
• Do not use the wordmark without the icon mark in primary brand contexts
• Do not use the full horizontal lockup at sizes below 120px wide
• Do not place the logo on gradient backgrounds that reduce contrast below 3:1
• Do not recolor the logo using colors outside the approved brand palette
• Do not use the logo in all-caps or modify the wordmark typography
• Do not use outdated logo versions — always source from the BrandPilot design system asset library
• Do not use the logo on backgrounds with competing visual complexity (busy patterns, photographs without a color shield)