DESIGN.md examples for mobile apps

DESIGN.md is a Markdown file that gives AI coding agents a reusable visual identity. The Google Labs format combines optional YAML tokens with written design guidance. These mobile examples pair the file with screens, colors, typography, and spacing so you can inspect a style before using it.

Read the DESIGN.md format and setup guide

42 mobile app styles

Amber Midnight

View screens and DESIGN.md

Brutalist Mono

View screens and DESIGN.md

Coral Daylight

View screens and DESIGN.md

Coral Trust

View screens and DESIGN.md

Cream Neobrutalist

View screens and DESIGN.md

Cream Storybook

View screens and DESIGN.md

Cream Watercolor Contemplative

View screens and DESIGN.md

Deep Teal Console

View screens and DESIGN.md

Editorial Cream Almanac

View screens and DESIGN.md

Editorial Grid Mono

View screens and DESIGN.md

Editorial Mono

View screens and DESIGN.md

Ember Clinical

View screens and DESIGN.md

Ember Pill

View screens and DESIGN.md

Heritage Fairway

View screens and DESIGN.md

Industrial Grid Mono-Red

View screens and DESIGN.md

Midnight Categorical Dashboard

View screens and DESIGN.md

Midnight Glass

View screens and DESIGN.md

Midnight Indigo Glow

View screens and DESIGN.md

Monochrome Editorial

View screens and DESIGN.md

Nebula Glass

View screens and DESIGN.md

Neon Brutalist

View screens and DESIGN.md

Neon Lime Nightshade

View screens and DESIGN.md

Neon Lime Performance

View screens and DESIGN.md

Neon Lime Streetwear

View screens and DESIGN.md

Paper & Lime Performance

View screens and DESIGN.md

Parchment Brutalist Editorial

View screens and DESIGN.md

Peach Sticker

View screens and DESIGN.md

Playful Cream Sticker

View screens and DESIGN.md

Quiet Almanac

View screens and DESIGN.md

Soft Glass Daydream

View screens and DESIGN.md

Soft Trophy

View screens and DESIGN.md

Terminal Cobalt

View screens and DESIGN.md

Twilight Lavender

View screens and DESIGN.md

Twilight Stillness

View screens and DESIGN.md

Verdant Nightfall

View screens and DESIGN.md

Warm Cream Editorial

View screens and DESIGN.md

Warm Cream Mascot

View screens and DESIGN.md

Warm Heirloom Editorial

View screens and DESIGN.md

Warm Off-White Editorial

View screens and DESIGN.md

Warm Paper Watercolor

View screens and DESIGN.md

Warm Sand Glassmorphic

View screens and DESIGN.md

Y2K Candy Chrome

View screens and DESIGN.md

How to use a DESIGN.md

Open a style and download its DESIGN.md into your project.
Claude Code: ask it to read DESIGN.md for the current UI task, or reference its path without an @ import in a path-scoped rule. Imports in CLAUDE.md load at session startup.
Cursor: attach the file to your task or reference it from a project rule.
Stitch: import the file through the DESIGN.md workflow and check the generated screens against the source.

To generate mobile app screens here, open a style and choose Use this style in Sleek. Describe your app; the selected design file supplies the visual direction.

DESIGN.md questions

What is DESIGN.md?

DESIGN.md describes a visual identity in Markdown, with optional YAML design tokens. Google Labs publishes the format used by Stitch; Sleek adds mobile app style guidance.

Can I download these DESIGN.md examples for free?

Yes. Open any style to read, copy, or download its DESIGN.md without an account. Creating a new app in Sleek uses the separate account and credit flow.

Will Claude Code or Cursor read DESIGN.md automatically?

Ask the agent to read DESIGN.md for the current UI task, or reference its path in a rule scoped to UI files. Avoid importing a large file into CLAUDE.md: imports load at session startup. Do not rely on the filename alone.

Can I use a style for a different kind of app?

Yes. The file describes the visual system, while your brief describes the app you want. Use this style in Sleek combines those two inputs.