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.

Warm cream and olive product page v1.0.0

Use this resource to design a soothing product page in natural tones

New

  • 331 downloads
  • 198 likes
  • 236 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install daylight-warm-calm

First time: connect the CLI with

npx --yes palatekit@latest login

The agent applies the cream and olive palette, the light serif plus sans-serif pairing and the amber button glow described in this DESIGN.md. It bans pure white and blues. You get a product page that feels crafted rather than coldly technological.

Mostly picked by

Updated November 2, 2026

Cream background, olive-black text, dark olive footer and a glowing amber button.

Details

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

Similar resources

View all

What you get

  • DESIGN.md: theme, palette, typography, components, responsive behavior
  • Exact values for the amber hover glow
  • Do and don't rules, and a ready-to-use prompt

Good fit for

  • Launch page for an object or device
  • Wellness or slow-living brand
  • Store of carefully made objects

Not for

  • Dense dashboard interfaces
  • Brands built on bright or cool colors

Tags

  • cream
  • olive
  • product
  • warm
  • landing page

About

You say

"Build my desk lamp's launch page with the DESIGN.md: cream hero, feature cards and a single amber button."

Cream background, olive-black text, dark olive footer and a glowing amber button.

DESIGN.md published by educlopez under the MIT license.

Show more

Prerequisites

You bring
Product visuals and copy and Replacement fonts

How to use it

  1. Put DESIGN.md in your project
  2. Ask the agent to use amber only for the main call to action
  3. Replace the ABC fonts (paid) with a light serif and a sans-serif of your choice

Content preview

Files

  • DESIGN.md6.6 KB
  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB

Origin and licence

Modified by PalateKit

Author
educlopez
Source
github.com/educlopez/design-bites/tree/754ddd2934531744e841bf1fd95194b16dc28d21/design-mds/daylightcomputer.com
Licence
MIT

Notice

Version modifiée de « daylightcomputer.com » (educlopez, 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

Are the ABC fonts included?

No, they are licensed. Pick close replacements.

Why no cool colors?

The style relies on the warmth of olive and cream tones; even borders are warm.