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.

PalateKit Pick

Craft-style cream and bright swatches, inspired by Clay v1.0.0

Use this resource to give a website or sales page a handmade, colorful tone

New

  • 266 downloads
  • 19 likes
  • 173 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 clay-craft-swatches

First time: connect the CLI with

npx --yes palatekit@latest login

The agent applies the named swatch palette, the font's stylistic sets and the hover animations described in this DESIGN.md. It builds full-width colored sections, heavily rounded cards and hard shadows. You get a site that breaks away from the usual SaaS look.

Mostly picked by

Updated November 2, 2026

Cream background, oat borders and sections in matcha green, cyan, gold and purple.

Details

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

Similar resources

View all

What you get

  • DESIGN.md: palette, typography, components, shadows, responsive behavior
  • Exact values for the signature animation (rotation, offset, hard shadow)
  • Five example component prompts and an iteration guide

Good fit for

  • Brand site that wants to feel human and warm
  • Colorful sales or launch page
  • Portfolio or creative service offer

Not for

  • Sober, institutional interfaces
  • Contexts where playful animation gets in the way

Tags

  • cream
  • colorful
  • handmade
  • animation
  • clay

About

You say

"Build my studio's home page with the DESIGN.md: cream hero, three colored sections in matcha, ube and lemon, and a button that tilts on hover."

Cream background, oat borders and sections in matcha green, cyan, gold and purple.

DESIGN.md published by iFurySt under the MIT license.

Show more

Prerequisites

You bring
Your copy and visuals and A replacement font for Roobert

How to use it

  1. Put DESIGN.md in your project
  2. Ask the agent to use the named colors for sections
  3. Replace Roobert (paid) with a geometric sans-serif of your choice

Content preview

Files

  • DESIGN.md17.2 KB
  • LICENSE1 KB
  • NOTICE-PALATEKIT.md0.4 KB

Origin and licence

Modified by PalateKit

Author
iFurySt
Source
github.com/iFurySt/DESIGN.md/tree/048326327aca5d33cf0f7714cec7a2303330381a/design-md/clay
Licence
MIT

Notice

Version modifiée de « clay » (iFurySt, 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

Is Roobert free?

No, it is a commercial font. Pick a close geometric sans-serif and keep the same weights and letter-spacing.

Should I keep the animations?

They are the signature of the style. Respect prefers-reduced-motion for motion-sensitive visitors.