AI Blocks › Design things people love
Soft shadow style guide writer
Describe your product. Get a style guide for a soft, pressed-in look, with shadow rules and contrast fixes.
Soft shadow style guide writer is a free AI skill for the job "Design things people love". Give the instructions to an AI assistant that supports the required files and tools, then review its output.
Free · No account · MIT licence · Made by Bergside · Level: beginner · Thinking: low
Made by Bergside. See the original on GitHub; we copied it as it is, with its licence.
What it does
A style guide for a soft, pressed-in interface, where buttons and cards look gently raised or sunk into the page. You describe your product, and the skill writes the shadow rules and the contrast fixes that keep it usable. This look uses one calm surface colour with light and dark shadows to suggest depth. Its weakness is low contrast, so the guide sets clear rules for text, icons and focus outlines to meet accessibility standards. It defines colour tokens, a type scale, a compact spacing scale, hit area sizes and how raised, pressed and disabled states differ. It also covers empty, loading and error states, and notes where to avoid the style.
You give it
- A description of your product
- Base surface and accent colours (optional)
- Your audience
- Any accessibility needs
You get
- A style guide for the soft shadow look
- Shadow and colour tokens
- Contrast and focus fixes
- Rules for pressed, raised and disabled states
Use it when
- You like the soft embossed look but worry about readability.
- You need shadow values your developers can copy.
- Users cannot tell which elements are clickable.
- You want a consistent look across a dashboard.
How to use it
- Add it to your AI once: download it and add the folder to Claude, ChatGPT or Codex as a skill.
- Ask for the job in your own words. Your AI opens the skill when it fits.