UI mock for a dashboard hero
Mock a dashboard hero for <persona>. Include: KPI cards (3), a primary chart, a filter bar, and a notification banner. Dark theme, generous whitespace, brand accent: <hex>. Annotate spacing and font sizes.
#ui#dashboard#mock
UI mock for a dashboard hero β for a fintech app
Mock a dashboard hero for <persona>. Include: KPI cards (3), a primary chart, a filter bar, and a notification banner. Dark theme, generous whitespace, brand accent: <hex>. Annotate spacing and font sizes.
Audience: a fintech app.
#ui#dashboard#mock#app
UI mock for a dashboard hero β for a healthcare product
Mock a dashboard hero for <persona>. Include: KPI cards (3), a primary chart, a filter bar, and a notification banner. Dark theme, generous whitespace, brand accent: <hex>. Annotate spacing and font sizes.
Audience: a healthcare product.
#ui#dashboard#mock#product
Brand kit from a one-line brief
Build a brand kit from this brief: "<brand brief>". Output: logo direction, primary + secondary palette (5 hex), typography pairing, voice (3 adjectives), and three "do not" rules.
#brand-kit#identity#system
Brand kit from a one-line brief β for a fintech app
Build a brand kit from this brief: "<brand brief>". Output: logo direction, primary + secondary palette (5 hex), typography pairing, voice (3 adjectives), and three "do not" rules.
Audience: a fintech app.
#brand-kit#identity#system#app
Brand kit from a one-line brief β for a healthcare product
Build a brand kit from this brief: "<brand brief>". Output: logo direction, primary + secondary palette (5 hex), typography pairing, voice (3 adjectives), and three "do not" rules.
Audience: a healthcare product.
#brand-kit#identity#system#product
Slide deck redesign
Redesign the slides below for an investor audience. Apply: one idea per slide, a strong takeaway header, simplified charts, and consistent type hierarchy. Suggest cuts and merges. Slides:
<paste>
#slides#deck#redesign
Slide deck redesign β for a fintech app
Redesign the slides below for an investor audience. Apply: one idea per slide, a strong takeaway header, simplified charts, and consistent type hierarchy. Suggest cuts and merges. Slides:
<paste>
Audience: a fintech app.
#slides#deck#redesign#app
Slide deck redesign β for a healthcare product
Redesign the slides below for an investor audience. Apply: one idea per slide, a strong takeaway header, simplified charts, and consistent type hierarchy. Suggest cuts and merges. Slides:
<paste>
Audience: a healthcare product.
#slides#deck#redesign#product
Logo rationale and rejection memo
Given the three logo concepts attached, write the rationale memo: which one wins, the visual logic, where it scales, and a respectful rationale for why each rejected concept didn't make it.
#logo#rationale#review
Logo rationale and rejection memo β for a fintech app
Given the three logo concepts attached, write the rationale memo: which one wins, the visual logic, where it scales, and a respectful rationale for why each rejected concept didn't make it.
Audience: a fintech app.
#logo#rationale#review#app
Logo rationale and rejection memo β for a healthcare product
Given the three logo concepts attached, write the rationale memo: which one wins, the visual logic, where it scales, and a respectful rationale for why each rejected concept didn't make it.
Audience: a healthcare product.
#logo#rationale#review#product
Design system token set
Define a foundational token set for <product>: color (primitives + semantics), spacing scale (4-step), radius scale, type scale (modular), elevation, motion. Output as a JSON-friendly structure.
#tokens#design-system#foundations
Design system token set β for a fintech app
Define a foundational token set for <product>: color (primitives + semantics), spacing scale (4-step), radius scale, type scale (modular), elevation, motion. Output as a JSON-friendly structure.
Audience: a fintech app.
#tokens#design-system#foundations#app
Design system token set β for a healthcare product
Define a foundational token set for <product>: color (primitives + semantics), spacing scale (4-step), radius scale, type scale (modular), elevation, motion. Output as a JSON-friendly structure.
Audience: a healthcare product.
#tokens#design-system#foundations#product
Onboarding screen sequence
Design a 3-screen onboarding for <app>. For each: goal, headline (max 6 words), supporting line, primary action, illustration concept. Add a "skip" pattern that doesn't feel punishing.
#onboarding#flow#mobile
Onboarding screen sequence β for a fintech app
Design a 3-screen onboarding for <app>. For each: goal, headline (max 6 words), supporting line, primary action, illustration concept. Add a "skip" pattern that doesn't feel punishing.
Audience: a fintech app.
#onboarding#flow#mobile#app
Onboarding screen sequence β for a healthcare product
Design a 3-screen onboarding for <app>. For each: goal, headline (max 6 words), supporting line, primary action, illustration concept. Add a "skip" pattern that doesn't feel punishing.
Audience: a healthcare product.
#onboarding#flow#mobile#product
Empty states with personality
Write copy and visuals for 6 empty states across <app>: list, search, error, permission, success, offline. Each needs a one-line message, a helpful next action, and a tone that matches the brand.
#empty-state#copy#ux
Empty states with personality β for a fintech app
Write copy and visuals for 6 empty states across <app>: list, search, error, permission, success, offline. Each needs a one-line message, a helpful next action, and a tone that matches the brand.
Audience: a fintech app.
#empty-state#copy#ux#app
Empty states with personality β for a healthcare product
Write copy and visuals for 6 empty states across <app>: list, search, error, permission, success, offline. Each needs a one-line message, a helpful next action, and a tone that matches the brand.
Audience: a healthcare product.
#empty-state#copy#ux#product
Heuristic UX review
Run a Nielsen heuristic review on the screens below. List up to 10 issues, each with: heuristic violated, severity, screen, and a concrete fix. Don't pile on cosmetic nits over real flow issues.
#heuristics#review#ux
Heuristic UX review β for a fintech app
Run a Nielsen heuristic review on the screens below. List up to 10 issues, each with: heuristic violated, severity, screen, and a concrete fix. Don't pile on cosmetic nits over real flow issues.
Audience: a fintech app.
#heuristics#review#ux#app
Heuristic UX review β for a healthcare product
Run a Nielsen heuristic review on the screens below. List up to 10 issues, each with: heuristic violated, severity, screen, and a concrete fix. Don't pile on cosmetic nits over real flow issues.
Audience: a healthcare product.
#heuristics#review#ux#product
Iconography family
Design an icon family of 12 icons for a <product type> app, matched stroke weight, optical alignment, single-grid system, two corner styles. Provide naming and usage notes for each.
#icons#family#system
Iconography family β for a fintech app
Design an icon family of 12 icons for a <product type> app, matched stroke weight, optical alignment, single-grid system, two corner styles. Provide naming and usage notes for each.
Audience: a fintech app.
#icons#family#system#app
Iconography family β for a healthcare product
Design an icon family of 12 icons for a <product type> app, matched stroke weight, optical alignment, single-grid system, two corner styles. Provide naming and usage notes for each.
Audience: a healthcare product.
#icons#family#system#product
Marketing site wireframe
Wireframe a 5-section marketing page for <product>: hero, social proof, three benefits, demo, CTA. For each: layout, copy slots, primary visual, and one thing the section must not do.
#wireframe#marketing#page
Marketing site wireframe β for a fintech app
Wireframe a 5-section marketing page for <product>: hero, social proof, three benefits, demo, CTA. For each: layout, copy slots, primary visual, and one thing the section must not do.
Audience: a fintech app.
#wireframe#marketing#page#app
Marketing site wireframe β for a healthcare product
Wireframe a 5-section marketing page for <product>: hero, social proof, three benefits, demo, CTA. For each: layout, copy slots, primary visual, and one thing the section must not do.
Audience: a healthcare product.
#wireframe#marketing#page#product