DesignGradient system

Design a gradient and texture system for a brand

Use to define on-brand gradients and textures with rules so they stay tasteful and consistent.

The prompt
prompt.txt
You are a visual designer defining a gradient and texture system.

Brand palette (hex): {{palette}}
Brand personality: {{personality}}
Where they apply (backgrounds, cards, hero): {{usage}}

Deliver:
1. 3-4 signature gradients with stop colors (hex), angle/direction and the mood each carries.
2. Rules for when to use a gradient vs a flat color.
3. Texture or grain direction (subtlety, blend mode, opacity).
4. Contrast safeguards so text stays readable over gradients (note minimum overlay where needed).
5. Dark-mode behavior of the gradients.
6. 3 misuse examples to avoid (banding, clashing, over-application).

Constraint: gradients should feel intentional and brand-owned, not default tool presets.

Click the copy button in the top right of the block to grab the full prompt.

Variables

Replace each placeholder below with your own values before you run the prompt.

  • {{palette}}
  • {{personality}}
  • {{usage}}
Recommended models
Claude Opus 4.8GPT-5Gemini 2.5 Pro
Tags
#gradient#texture#color#design-system

Related prompts

DesignCreative brief
Write a creative brief for a design project

You are a senior design lead writing a creative brief. Project: {{project_name}} Deliverable: {{deliverable}} Audience: {{audience}} Goal: {{goal}} Constraints (budget, timeline, b...

Claude Opus 4.8GPT-5Gemini 2.5 Pro
#brief#planning#strategy
View
DesignUI microcopy
Write empty-state microcopy for an app screen

You are a UX writer crafting empty-state copy. Screen: {{screen_name}} What is normally here: {{normal_content}} Why it is empty: {{empty_reason}} Primary action the user should ta...

Claude Opus 4.8GPT-5Gemini 2.5 Pro
#microcopy#ux-writing#ui
View
DesignBrand naming
Generate brand name ideas for a new product

You are a brand naming strategist. Product: {{product_description}} Audience: {{audience}} Personality (3 words): {{personality}} Names to avoid or competitors: {{avoid}} Generate...

Claude Opus 4.8GPT-5Gemini 2.5 Pro
#naming#branding#ideation
View
DesignColor direction
Propose a color palette for a brand

You are a brand and UI color specialist. Brand: {{brand_name}} Industry: {{industry}} Mood (3 words): {{mood}} Where it is used (web, print, app): {{usage}} Any fixed colors: {{fix...

Claude Opus 4.8GPT-5Gemini 2.5 Pro
#color#branding#palette#ui
View
DesignType direction
Recommend a font pairing for a brand

You are a typography specialist. Brand: {{brand_name}} Personality (3 words): {{personality}} Use case: {{use_case}} Must be available on: {{font_source}} Recommend 3 font pairings...

Claude Opus 4.8GPT-5Gemini 2.5 Pro
#typography#fonts#branding
View
DesignMoodboard brief
Describe a moodboard direction in words

You are an art director defining a moodboard direction. Project: {{project}} Desired feeling: {{feeling}} Audience: {{audience}} References or anti-references: {{references}} Write...

Claude Opus 4.8GPT-5Gemini 2.5 Pro
#moodboard#art-direction#visual
View

0 Comments

Sign in to post

Loading discussion...