Templates · Productivity
Opal, a studio dashboard app template
A complete studio app for freelancers and small agencies: onboarding, sign in, a dashboard with earnings, projects with briefs, tasks, a calendar and schedule, clients, invoices, a time tracker, search, a Pro paywall, profile and settings. Frosted white panels float on a pink, peach and lavender wash, with navy type and one coral to violet gradient.
Free to remix on every plan.
What stands out
- 21 screens, from the first sign in to a paid invoice
- Earnings charts, a month calendar and a running time tracker
- Clients, projects, tasks and invoices that link together
- Frosted panels on a soft pastel wash, with navy type
The 21 screens
- Welcome (Onboarding)
- Sign in (Sign in)
- Setup (Onboarding)
- Dashboard (Dashboard)
- Projects (List)
- Project (Detail)
- Tasks (List)
- New task (Form)
- Schedule (List)
- Timer (Tracking)
- Clients (List)
- Client (Detail)
- Invoices (List)
- Invoice (Checkout)
- Invoice sent (Success)
- Earnings (Dashboard)
- Search (Search)
- Notifications (List)
- Opal Pro (Paywall)
- Profile (Profile)
- Settings (Settings)
The design language
Calm and airy glass: a wash of pink, peach and lavender behind frosted white sheets, white pill rows with a soft pink glow, deep navy type, thin line icons, and a coral to pink to violet gradient for charts, progress and highlights.
| Colour | Role |
|---|---|
| #f3eefb | background |
| #ffffff | surface |
| #2b2756 | text |
| #8f8cab | text-muted |
| #ff7d6e | accent |
| #ffffff | accent-contrast |
| #9b5de5 | secondary |
| #ece8f6 | border |
| #34c3a0 | success |
The prompt behind it
A studio dashboard for freelancers called Opal. Soft pastel gradients, frosted white panels, navy type, coral to violet charts.
Questions people ask
- What is in the Opal template?
- 21 screens: Welcome, Sign in, Setup, Dashboard, Projects, Project, Tasks, New task, Schedule, Timer, Clients, Client, Invoices, Invoice, Invoice sent, Earnings, Search, Notifications, Opal Pro, Profile, Settings. They share one design language and are linked into a clickable prototype.
- Can I change Opal into my own app?
- Yes. When you remix it you can type your app's name and it replaces Opal on every screen. In the studio you can then change copy, colours, photos and layout, by describing the change or editing by hand.
- Does it cost credits?
- No. Remixing a template is free on every plan. Only changes you ask the AI to make afterwards count as designs.