TechnicalCollectible prompt

Brand personality turned into 10 design decisions

Turn three brand traits into ten concrete choices for type, color, shape, motion and detail.

ClaudeLovablev0

Curated by Nvoka

Nvoka wordmark logo
Nvoka wordmark logoTechnical

Brand personality turned into 10 design decisions

Act as a senior brand designer. Turn {{business_name}}'s personality into concrete design decisions for our site. In our words, the brand is {{brand_voice}}, and our customers are {{target_audience}}. Read the current styles and pages first and tell me what personality they express right now, in three words. Pick three traits from what I've said, each paired with what we're not (for example, warm but not cute; confident but not loud). Then make exactly 10 decisions, each traced to a trait: 1. Google Fonts pairing, with weights 2. Type scale ratio and heading letter-spacing 3. Palette: neutral temperature, one accent and how much of it, in hex 4. Corner radius, with values per component 5. Borders, shadows or flat color for separating things 6. Layout density and section spacing 7. Photography and illustration style 8. Motion: durations, easing and what moves at all 9. Microcopy voice for buttons, empty states and errors, with one example of each 10. One signature detail people would remember, and where it appears For each, give the value, the trait it serves and what it rules out. Then check that the ten don't contradict each other, such as a playful radius with a severe palette, or a calm brand with bouncing motion. Apply the decisions across the site through shared tokens, keep the framework, components and routes, and stay at WCAG 2.2 AA with 4.5:1 text contrast. Finish with a one-page sheet mapping each trait to its decisions, and a list of changes.
Technicalnvoka.com/library/nvoka-brand-personality-into-10-design-decisionsScan to open
Technical

Brand personality turned into 10 design decisions

Turn three brand traits into ten concrete choices for type, color, shape, motion and detail.

Nvoka logo

Curated by Nvoka

ClaudeLovablev0Claude Code
Add to my library

Make it yours

Fill in the blanks and change any word. Only your copy changes, never the card.

Fill in the blanks

0 of 3 filled

Your prompt

Act as a senior brand designer. Turn {{business_name}}'s personality into concrete design decisions for our site. In our words, the brand is {{brand_voice}}, and our customers are {{target_audience}}. Read the current styles and pages first and tell me what personality they express right now, in three words. Pick three traits from what I've said, each paired with what we're not (for example, warm but not cute; confident but not loud). Then make exactly 10 decisions, each traced to a trait: 1. Google Fonts pairing, with weights 2. Type scale ratio and heading letter-spacing 3. Palette: neutral temperature, one accent and how much of it, in hex 4. Corner radius, with values per component 5. Borders, shadows or flat color for separating things 6. Layout density and section spacing 7. Photography and illustration style 8. Motion: durations, easing and what moves at all 9. Microcopy voice for buttons, empty states and errors, with one example of each 10. One signature detail people would remember, and where it appears For each, give the value, the trait it serves and what it rules out. Then check that the ten don't contradict each other, such as a playful radius with a severe palette, or a calm brand with bouncing motion. Apply the decisions across the site through shared tokens, keep the framework, components and routes, and stay at WCAG 2.2 AA with 4.5:1 text contrast. Finish with a one-page sheet mapping each trait to its decisions, and a list of changes.
See all