Sample theme sheet by AIwhirks for the Tidewell Studio prototypeOpen the prototype

Sample theme sheet · Tidewell Studio

One app, three ways it could look.

Before your app is built, you get a sheet like this. Each option shows the colors with their codes, the fonts, a few real pieces of the interface, and the actual screens wearing that look.

Pick one, mix two, or send us the brand colors you already use. Whatever you choose becomes the theme of your clickable prototype, and every screen changes with it.

Option 1

Graphite & Indigo

Modern product software. Near-black, a bright indigo accent, a geometric sans and tighter corners.

Colors

Primary#18181B
Primary soft#2E2E35
Accent#4F46E5
Accent hover#4338CA
Accent tint#F3F3FE
Background#F7F7F8

Type

Your marketing, in flow.

One workspace where strategy, content and the people running it stay in sync.

Headings: Space Grotesk · Text: Inter

Interface

+ CreateIn reviewDashboard

✓ White on the accent: 6.3:1. Passes WCAG AA for readability.

Try this look live
Tidewell dashboard in the Graphite and Indigo theme: near-black sidebar, indigo buttons and a geometric sans-serif
Team dashboard
Tidewell sign-in screen in the Graphite and Indigo theme
Sign-in
Option 2

Plum & Ember

Warm and boutique. Deep plum with a burnt-orange accent, an editorial serif and softer corners.

Colors

Primary#3B2350
Primary soft#55346F
Accent#C2410C
Accent hover#9A3412
Accent tint#FFF4EC
Background#FAF7F5

Type

Your marketing, in flow.

One workspace where strategy, content and the people running it stay in sync.

Headings: Fraunces · Text: DM Sans

Interface

+ CreateIn reviewDashboard

✓ White on the accent: 5.2:1. Passes WCAG AA for readability.

Try this look live
Tidewell dashboard in the Plum and Ember theme: deep plum sidebar, burnt-orange buttons and serif headings
Team dashboard
Tidewell sign-in screen in the Plum and Ember theme
Sign-in
Option 3

Forest & Brass

Established and calm. Deep green with a brass accent and a classic serif for headings.

Colors

Primary#1F3D33
Primary soft#2F5A4B
Accent#B45309
Accent hover#92400E
Accent tint#FDF6EC
Background#F8F7F2

Type

Your marketing, in flow.

One workspace where strategy, content and the people running it stay in sync.

Headings: Newsreader · Text: Inter

Interface

+ CreateIn reviewDashboard

✓ White on the accent: 5.0:1. Passes WCAG AA for readability.

Try this look live
Tidewell dashboard in the Forest and Brass theme: deep green sidebar, brass buttons and serif headings
Team dashboard
Tidewell sign-in screen in the Forest and Brass theme
Sign-in

How it works on your project

1. You get a sheet

Built around your brand: your logo, the colors you already use, and a couple of directions you might not have considered.

2. You pick

Choose one, combine two, or ask for a tweak. Changing a color here takes minutes, not a sprint.

3. The prototype wears it

Every screen of your clickable prototype switches to your look, so you approve the real thing, not a swatch.

Want a sheet like this for your app?

Tell me what you're building and I'll show you a few looks for it.