# My Notes App – Smart AI Assistant

URL: https://rondesignlab.com/cases/my-notes-app-smart-ai-assistant

> See how we designed My Notes, an AI-native notes app with a calm, distraction-free workspace that captures ideas, automates routines, and keeps focus.

## My Notes App – Smart AI Assistant

![My Notes app interface — distraction-free board for notes, checklists and voice memos](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390631/gallery_01_c34e9daf07.webp)
*My Notes app interface — distraction-free board for notes, checklists and voice memos*

Design Language

## A Calm, Distraction-Free Surface

The visual system rests on three ideas. Frosted glass softens every panel. Dynamic gradients shift warmth across the interface. A mix of clean sans-serif and dot-matrix type adds texture without noise. Together they create a space that feels premium and quiet. Nothing competes for attention. The interface recedes so the writing can come forward.

![My Notes frosted-glass UI with dynamic gradient surfaces](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390636/gallery_02_5dfb5990db.webp)
*My Notes frosted-glass UI with dynamic gradient surfaces*

![My Notes adaptive workspace screens with the AI assistant](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390639/gallery_03_0a2a5a84f1.webp)
*My Notes adaptive workspace screens with the AI assistant*

Typography

## Two Voices, One System

Urbanist carries the interface. It is open, geometric, and easy to read at any size. Headings run at 64px Medium with tight tracking and generous line height, giving titles room to breathe. A second face, Matricha, handles the small dot-matrix labels and timestamps. It nods to the language of screens and signals without ever crowding the page. The pairing keeps the product feeling modern and human at once.

![My Notes typography system using the Urbanist and Matricha typefaces](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390642/gallery_04_394c93fd88.webp)
*My Notes typography system using the Urbanist and Matricha typefaces*

Colors

## Light, Gradient, Air

The palette is built for softness. Soft Cyan (#93DCDF), Warm Peach (#EFAF86), and Lavender (#BB96DA) blend into the fluid gradients that define every surface. Pure Black (#000000) and White (#FFFFFF) anchor the system. They hold contrast for text and controls while the pastels do the emotional work. The result feels less like a tool and more like daylight.

![My Notes pastel color palette — Soft Cyan, Warm Peach and Lavender gradients](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390645/gallery_05_f70b77a0c9.webp)
*My Notes pastel color palette — Soft Cyan, Warm Peach and Lavender gradients*

![My Notes mobile app — Your notes board with the AI assistant in context](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390648/gallery_06_ea11eb0df7.webp)
*My Notes mobile app — Your notes board with the AI assistant in context*

Mobile App

## Welcome to a Living Workspace

The app opens on "Your notes," a glass-like board that adapts to how each person thinks. Notes, checklists, files, and voice memos share one calm surface. There are no rigid folders to fight against. A built-in information architecture ux keeps everything reachable in a tap, from a quick to-do to a full lecture transcript. Collaboration happens in place, with shared notes and live editing between teammates.

Key Features

## Key Features

### Actionable Depth

The modular system lifts your most active tasks to the surface. Manage a to-do list straight from the dashboard and save mental energy.

### Always in Context

The AI Assistant understands what you are working on. It suggests prompts from your own text and turns a static note into a conversation.

### Fluid Editing

A dynamic action layer attaches to whatever you select. Format and enrich text at the speed of thought while the interface stays clean.

![My Notes app feature screens — modular tasks, AI prompts and fluid editing](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390653/gallery_07_20c9ba4f86.webp)
*My Notes app feature screens — modular tasks, AI prompts and fluid editing*

Landing Page

## Fluid Thoughts

The landing page leads with a single promise. Do more with less stress. Oversized type and a generous, airy layout set a premium tone before a single feature is named. Three pillars carry the story. The Fluid Workspace adapts to your flow. Native Intelligence acts as a co-pilot that generates and summarizes. Seamless Sync captures voice memos and keeps collaboration instant. The page reads like the product feels: calm, confident, and quietly powerful.

![My Notes landing page design — Fluid Thoughts hero and feature pillars](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390658/gallery_08_aabb084354.webp)
*My Notes landing page design — Fluid Thoughts hero and feature pillars*

Brand & Social

## Pushing Boundaries

The brand lives on a radiant starburst mark and the gradient system that runs through the whole product. Across social channels the message stays consistent. No noise. Just focus. Each post treats fluid form and AI as the headline, framing My Notes as a workspace where ideas breathe and crystallize. The @mynotes profile carries the same line and has grown a following of nearly 13K. Every touchpoint says the same thing in a different way.

> Social is where the product makes its first impression. Each post had to feel as effortless and considered as the app itself.
>
> — Tyler B., UX Architect

![My Notes brand identity — radiant starburst mark and gradient system](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390662/gallery_09_5b83329e5b.webp)
*My Notes brand identity — radiant starburst mark and gradient system*

![My Notes social media branding for the @mynotes profile](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390665/gallery_10_67041f7aeb.webp)
*My Notes social media branding for the @mynotes profile*

Impact

## Built for Focus

By uniting the interface, the AI, and the brand into one fluid system, My Notes turned a cluttered category into something that feels like relief. Consistency across every surface builds trust, and an AI-native core gives the product a real foothold in the digital transformation of how people think and write.

Key Results

## Key Results

### Calmer Daily Use

Removing folders and notifications in favour of a single adaptive board reduced friction and kept people inside the app longer.

### Stronger Engagement

Suggesting prompts in context turned passive note-taking into active dialogue, lifting how often the AI gets used.

> We wanted an app that disappears into the background and lets thinking take the lead. Clear, fast, and quietly intelligent.
>
> — Victoria P., Team Lead

![My Notes brand identity applied across digital touchpoints](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390668/gallery_11_ff9b483400.webp)
*My Notes brand identity applied across digital touchpoints*

Next steps

## From Assistant to Partner

The assistant already understands context. The next phase teaches it to anticipate. We are training the AI to surface the right note before it is searched for and to draft from the smallest spark of an idea. The wider goal is a workspace that learns each person's rhythm. My Notes should stop feeling like software and start feeling like a thinking partner.

> We have a foundation people love. Now we make the assistant proactive, so it works for you before you even ask.
>
> — Archer Vaughn, CEO of Product

![My Notes AI workspace vision — the assistant evolving into a thinking partner](https://res.cloudinary.com/ducxztw9n/image/upload/v1782390671/gallery_12_699d13b8a3.webp)
*My Notes AI workspace vision — the assistant evolving into a thinking partner*