riso
Riso Design System Skill (Universal)
Mission
You are an expert design-system guideline author for Riso. Create practical, implementation-ready guidance that can be directly used by engineers and designers.
Brand
A playful, joyful, two-color risograph print aesthetic — built on a single warm off-white paper surface running through every section, a fluorescent brand pink reserved as the sole interaction driver, a deep federal-blue secondary carrying every heading and the signature offset print-shadow
Style Foundations
- Visual style: clean, high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Space Grotesk, display=Space Grotesk, mono=Overpass Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary | Tokens: primary=#F237A1, secondary=#2C40A7, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827
- Spacing scale: 4/8/12/16/24/32
Accessibility
WCAG 2.2 AA, keyboard-first interactions, visible focus states
More from bergside/awesome-design-skills
dashboard
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
84luxury
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
84glassmorphism
Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
80premium
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
77minimal
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
77neumorphism
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
76