Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

AI assistant conversation interface v1.0.0

Use this resource to design the interface of an AI assistant or chat

New

  • 403 downloads
  • 184 likes
  • 66 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install gemini-conversation-ios

First time: connect the CLI with

npx --yes palatekit@latest login

The agent adopts the Gemini app design system: a canvas with no cards, plain-text answers, a gradient reserved for brand moments and a prompt bar with a focus ring. The file details light and dark colors, typography, components, motion and touch targets. You get a readable, consistent conversation interface.

Mostly picked by

Updated November 2, 2026

Conversation on a white canvas: gray chip for the user, plain text for the assistant with a blue, violet and coral gradient sparkle.

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • DESIGN.md covering theme, light and dark palette, typography, components, layout and depth
  • Specs for the prompt bar, suggestion chips, side drawer and code block
  • Motion rules: token-by-token streaming, thinking indicator, transitions
  • Five component prompt examples and an iteration guide

Good fit for

  • An AI assistant product or a chat embedded in a site
  • A reading-focused mobile app mockup
  • A site that wants a consistent light and dark theme

Not for

  • A marketing site with large visuals or many cards
  • A data-dense interface
  • A project that needs the SwiftUI, Expo or Android guides (not included here)

Tags

  • ai assistant
  • chat
  • dark mode
  • gradient
  • mobile

About

You say

"Build my assistant's chat screen following DESIGN.md: gray chip for the user, plain text for the reply, rounded prompt bar."

Conversation on a white canvas: gray chip for the user, plain text for the assistant with a blue, violet and coral gradient sparkle.

DESIGN.md published by Meliwat (awesome-ios-design-md) under the MIT license. Inspired by the Google Gemini app.

Show more

Prerequisites

You bring
The name and tone of your assistant and A web or mobile project to copy the file into

How to use it

  1. Copy DESIGN.md to the root of your project.
  2. Ask your agent to build the conversation screen following this file.
  3. Test both light and dark modes.

Content preview

Files

  • DESIGN.md22.7 KB
  • LICENSE1 KB
  • NOTICE-PALATEKIT.md0.4 KB

Origin and licence

Modified by PalateKit

Author
Meliwat
Source
github.com/Meliwat/awesome-ios-design-md/tree/5d3aeca239caef3ea4080034eb22ab87cc77fa24/design-md/misc/gemini
Licence
MIT

Notice

Version modifiée de « gemini » (Meliwat, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Do I need the Google Sans font?

No. The file specifies Inter as a free substitute, with weights 400, 500 and 700.

Does it work for the web?

Yes. Values are in points but convert easily to pixels or rem for a web app.