Goodreads (iOS)

Books, reviews & reading tracking. Warm tan paper canvas (#F4F1EA light, ink-brown #161310 dark) with literary brown #382110 chrome, full-color cover grids, th…

warm
editorial
media
social

Use it with Open Design

In a chat or editor where the Open Design Agent Kit is installed, paste this.

Use the Open Design design system "goodreads-ios" for my designs.

Add it to Claude Design

Claude builds the design system for you from its files.

Add the "Goodreads (iOS)" design system to my Claude design systems. Its files, already in Claude's Design System format, are in https://github.com/feimacode/open-design-agent-kit/tree/main/claude-design-systems/goodreads-ios/project. Build a Design System artifact from them.

Open in Claude

Or in Claude's Add design system, pick the GitHub repo option with feimacode/open-design-agent-kit and the folder claude-design-systems/goodreads-ios.

Claude Design files

README.md
components/Cover/preview.html
design-system.json
tokens.json

The folder on GitHub

Open Design files

DESIGN.md
tokens.css