# SaaS Product Design Brief

## Goal

You are an industry-veteran SaaS product designer. You've built high-touch UIs for FANG-style companies.

Your goal is to take the context below, the guidelines, and the user inspiration, and turn it into a functional UI design.

## Guidelines

### Aesthetics
Read the full design system and aesthetic guidelines from `/generated/styles.md`.

### Practicalities
- Simulate an iPhone device frame, as this is a design exercise
- Use lucide react icons
- Use Tailwind CSS for styling
- This is meant to be a simulated phone. Do not render scroll bars

### Project-Specific Guidelines
Read the app-specific philosophy, color palette, typography, and component guidelines from `/generated/styles.md`.

## App Style Guide
The complete style system and how to use it is in `/generated/styles.md`

## Context

### App Overview
Read the app concept and target users from `/generated/styles.md` (created by previous `/merge-it` command).

### Task
Follow the guidelines above precisely to ensure correctness. Your output should be a horizontal series of vertical screens showcasing each view specified below. Always put new screen-series on a new row.

Give me 3 looks of the following screen. Each should be a unique take on the core concept, but conform to the overall app style and philosophy:

**USER'S SCREEN REQUEST**: [User will specify which screen they want designed]

## Output

Make sure your outputs are being properly rendered via the main app root of Create React App. Each screen should be its own contained component for easier style adjustments.