N° 08·MELLOWMELLOW·2026
Brand identity. App UI. A dog.Markenidentität. App-UI. Ein Hund.

mellow. mellow.

Audio that follows your day. Audio, das deinem Tag folgt.

A brand identity and app UI for an audio companion that shapes your day. A dog leads the way. The palette stays quiet. Lime only shows up when you act.

Ein Branding-Projekt für eine Audio-App, die deinen Tag gestaltet. Ich habe die Identität, die UI-Screens und die Anwendungen drumherum gebaut. Ein freundlicher Hund führt durch das Ganze. Die Farben bleiben ruhig. Lime kommt nur, wenn du etwas tust.

ContextKontext
Self-initiated
solo project
Eigeninitiative
Solo-Projekt
RoleRolle
Concept, identity,
UI, applications
Konzept, Identität,
UI, Anwendungen
YearJahr
2026 · 3 weeks2026 · 3 Wochen
OutputErgebnis
Identity system
App UI · Merch · Social
Identitätssystem
App-UI · Merch · Social
Mellow tagline lockup: dog mark, wordmark, and ‘the missing piece.’ tagline on cream

At a glanceAuf einen Blick

BriefAufgabe
An audio app that shapes the day around your own preferences. Set it once. Let it carry you.
Eine Audio-App, die den Tag nach deinen Vorlieben formt. Einmal einstellen. Sie trägt dich durch.
ConstraintBedingung
No gradients, no shadows. Lime gets about five percent of any screen. The rest of the time, cream and plum do the work.
Keine Verläufe, keine Schatten. Lime bekommt etwa fünf Prozent vom Bildschirm. Den Rest erledigen Creme und Pflaume.
The moveDer Ansatz

A friendly dog as the companion. A simple way to set your preferences.

Ein freundlicher Hund als Begleiter. Eine einfache Möglichkeit, deine Vorlieben einzustellen.

The outcomeDas Ergebnis

App in light and dark, ad posters, merch, a plush friend, the brand document, social media.

App in hell und dunkel, Werbeposter, Merch, ein Plüschfreund, das Markendokument, Social Media.

Color paletteFarbpalette

Five colours. Cream holds the page. Plum and lavender carry the mood. Lime leads. Fünf Farben. Creme hält die Seite. Pflaume und Lavendel machen die Stimmung. Lime ist die Farbe, die dich führt.

cream

#F2EBDD
Paper, text on dark, light-mode background.
Papier, Text auf Dunkel, Hintergrund im Light Mode.

ink

#1A1428
Ink, dark background, deep ground.
Tinte, dunkler Hintergrund, tiefer Grund.

lime

#C8E83A
Lime is the colour that leads you. Reserved for picks, confirms, the current hour.
Lime ist die Farbe, die dich führt. Für Auswahl, Bestätigung, die aktuelle Stunde.

lavender

#B594D4
Muted UI in dark mode; sleep phase.
Gedämpfte UI im Dark Mode; Schlafphase.

plum

#4A2C5A
Nav pill in dark mode; primary text in light mode.
Nav-Pille im Dark Mode; Primärtext im Light Mode.
TypographyTypografie

Fredoka for the wordmark. Roboto for everything else. Fredoka für die Wortmarke. Roboto für alles andere.

Display · Fredoka SemiBold Display · Fredoka SemiBold

09:00 / 13:00

Phase headers, alarm time numerals. Rounded so the system doesn't feel clinical. Phasen-Header, Wecker-Zeitziffern. Rund, damit das System nicht klinisch wirkt.

Body · Roboto Regular / Medium Body · Roboto Regular / Medium

starting the day · mo · 11 may · until focus

Labels, pills, all UI copy. Lowercase by default. Labels, Pills, alle UI-Texte. Standardmäßig kleingeschrieben.

App UIApp-UI

App in dark and light. Pick your songs. Set an alarm. The app handles the rest. App in dunkel und hell. Wähl deine Songs. Stell den Wecker. Den Rest macht die App.

Mellow app: home screen, dark mode
Mellow app: alarm screen, dark mode
Mellow app: radio screen, dark mode
Mellow app: home screen, light mode
Mellow app: alarm screen, light mode
Mellow app: radio screen, light mode
Sonic identitySonic-Identität

The sound of mellow. Der Sound von mellow.

ApplicationsAnwendungen

Where the brand actually lives. A poster on a wall. A feed on a phone. A plush on a sofa. Wo die Marke tatsächlich lebt. Ein Poster an einer Wand. Ein Feed auf dem Handy. Ein Plüsch auf dem Sofa.

Mellow brand: three-poster triptych
Mellow brand: Instagram grid on a phone mockup
Mellow brand: illustrated sticker sheet
Mellow merch: plush mascot in lifestyle context
Mellow merch: plush packaging
Mellow merch: merchandise lineup mockup
ToolsWerkzeuge

Where the tools came in. Wo die Werkzeuge ins Spiel kamen.

Research and concept came from me. The tools below brought the visuals through production. Curating and iterating took longer than any prompt.

Recherche und Konzept kamen von mir. Diese Werkzeuge haben die Bilder durch die Produktion getragen. Kuratieren und Iterieren hat länger gedauert als jeder Prompt.

01

Research & sketches.Recherche & Skizzen.

Where the brand thinking started. Notebooks, references, a mood-board, wireframes. The slow part nobody sees.

Hier hat das Markendenken begonnen. Notizbücher, Referenzen, ein Moodboard, Wireframes. Der langsame Teil, den niemand sieht.

02

Photoshop.Photoshop.

The surface of every application photo. Composition, retouching, finishing. The place where a render becomes a picture I can put on a page.

Die Oberfläche jedes Anwendungsfotos. Komposition, Retusche, Finishing. Der Ort, an dem ein Render zu einem Bild wird, das auf eine Seite gehört.

03

ChatGPT / Nano Banana.ChatGPT / Nano Banana.

Used for image seeds I art-directed and refined. I threw out far more than I kept, and what stayed got pulled into Photoshop until it sat right.

Verwendet für Bild-Seeds, die ich selbst art-direktioniert und verfeinert habe. Ich habe weit mehr verworfen als behalten, und was blieb, kam in Photoshop, bis es richtig saß.

04

Claude AI.Claude AI.

A sparring partner for visualizing the app screens and tightening the copy. I directed the work and kept rewriting until it sounded right.

Ein Sparringspartner für das Visualisieren der App-Screens und das Schärfen der Texte. Ich habe die Arbeit geleitet und so lange umgeschrieben, bis es richtig saß.

Brand foundationBrand-Foundation

The whole brand on one page. Die ganze Marke auf einer Seite.

Mellow brand foundation overview: composite flat-lay of the key slides

The whole brand on one PDF: strategy, audience, the daily arc, colour, type, the mark, the sonic, the voice.Die ganze Marke auf einem PDF: Strategie, Zielgruppe, der Tagesablauf, Farbe, Schrift, das Zeichen, der Sound, die Stimme.

Read the foundation · PDF, 11 MB Foundation lesen · PDF, 11 MB