skills.rest
AshesOfTheUndead
AshesOfTheUndeadCOMMUNITY
Explore all skills by this author →
GitHub

riso-product

Generate web page templates with risograph-inspired halftone textures and neobrutalist UI elements.

Updated Jul 9, 2026
Search Tags:#branding#landing page#web design#neobrutalism#risograph#halftone
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill riso-product
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: riso-product
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-templates/riso-product
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill riso-product

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the challenge of creating visually distinct, high-impact landing pages that capture the tactile, retro-aesthetic of risograph printing without requiring complex manual design work.

Core Features & Use Cases

  • Visual DNA System: Provides CSS patterns for paper textures, halftone overlays, and neobrutalist shadows to achieve an authentic print-like look.
  • Layout Frameworks: Includes four distinct structural skeletons (Landing, Home+Detail, Magazine, Poster) to prevent design stagnation.
  • Use Case: Ideal for brand launches, limited edition product drops, or independent publications that need a unique, artistic, and non-corporate digital presence.

Quick Start

Use the riso-product skill to generate a single-page landing layout for a new coffee brand using the olive and rose color preset.

Frequently Asked Questions about riso-product

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a risograph-style web page with halftone textures?▼

To create a risograph-style web page, use this Skill to generate templates featuring halftone overlays, multi-color overprinting, and neobrutalist UI elements. It provides CSS patterns for paper textures and neobrutalist shadows to achieve an authentic tactile print look.

What is neobrutalism in web design and when should I use it for a landing page?▼

Neobrutalism in web design is a visual style featuring high-contrast colors, raw layouts, and distinct shadows. You should use it for brand launches, limited edition product drops, or independent publications needing a non-corporate, artistic digital identity.

Can I use custom CSS components and specific color palettes for risograph layouts?▼

Yes, you can apply custom CSS components and specific color palettes to risograph layouts. The Skill satisfies requirements for responsive design and specific color-palette-based styling, allowing you to use presets like olive and rose for your branding.

What's the best way to structure a digital editorial layout without design stagnation?▼

The best way to structure a digital editorial layout is by using the four distinct structural skeletons provided: Landing, Home+Detail, Magazine, and Poster. These frameworks prevent design stagnation while maintaining a distinct visual identity.

Does risograph web design work for responsive brand landing pages?▼

Yes, risograph web design works for responsive brand landing pages. The generated templates explicitly satisfy requirements for responsive design, ensuring your tactile, print-inspired aesthetic adapts correctly across different device screens.

Related Skills

Explore More Design & Creative Skills→
bluewaves-creationsbluewaves-creations

brand-customization

Update site metadata, visual identity, text, colors, and fonts for rebranding.

Official
Intermediate
RamanEbrahimiRamanEbrahimi
3

pptx-posters

Generate research posters with HTML/CSS and export to PDF or PPTX.

Community
Intermediate
zivtechzivtech

graphic-design-executor

Transform design-planner specifications into SVG and HTML assets.

Official
Advanced
haomingzhaomingz
12

retro-tech-illustration-cn

Generate retro-tech visuals and design documents in Synthwave, Vaporwave, and Cyberpunk aesthetics.

Community
Advanced