re:Style

About re:Style

re:Style by Recursive is a design tool that extracts or generates a visual design language from a public website, image, or text prompt. It identifies colors, typography, spacing, and theme tokens, organizing them into editable styles and a structured reference frame directly on your Figma or Framer canvas.

Key Capabilities

  • Versatile Inputs: Analyze a public URL's CSS, upload a reference image, or generate styles via a written prompt.

  • Actionable Outputs: Automatically creates editable color, typography, and spacing styles.

  • Structured Deliverables: Produces a visual-reference guide to serve as a foundation for future work.

Ideal For

  • Starting client projects or redesigns that lack a documented design system.

  • Auditing legacy products and consolidating inconsistent styles before a rebuild.

  • Exploring new visual directions or analyzing a competitor's visual branding.

  • Creating a shared baseline for designers, developers, and coding agents.

What to Know Before Using

  • Scope: re:Style extracts foundational style choices—it does not clone webpages, build UI components, or generate a flawless, canonical design system. Treat the output as a starting point to be refined.

  • Limitations: It cannot analyze private or authenticated websites. The richness of the output depends entirely on the data available in the source material.

  • Pricing: Operates on a transparent, credit-based system. Free credits are provided at signup (no credit card required), and costs are displayed before you run an operation.

  • Privacy: Recursive processes your data securely and does not sell it. Users are responsible for ensuring they have permission to analyze the submitted content.

tryrecursive.com

support@tryrecursive.com