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.

Dark, cinematic product page v1.0.0

Use this resource to design a dark launch page where an interface mockup is the main visual

New

  • 481 downloads
  • 83 likes
  • 156 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 dimension-dark-cinematic-pills

First time: connect the CLI with

npx --yes palatekit@latest login

The agent reads this DESIGN.md and applies the Dimension style: a near-black canvas, a warm blue gradient, pills everywhere, a floating bottom navigation and a large product mockup. It draws on the colors, fonts, radii, shadows and component rules to build your pages. You get a consistent design with do and don't rules, instead of starting from a blank page.

Mostly picked by

Updated November 2, 2026

Near-black background with a warm blue gradient, a white pill button and a large product mockup

Details

Works in
Install guides
Generates with
Your agent's model
Licence
CC-BY-4.0

Similar resources

View all

What you get

  • DESIGN.md: the full design system
  • The color palette with each tint's role
  • Typography, shape and shadow rules
  • A prompt guide ready to hand to the agent

Good fit for

  • an AI tool or SaaS launch page
  • a dark, premium brand site
  • a product shown through its real interface

Not for

  • a light, warm site
  • a brand that wants several vivid colors

Tags

  • dark
  • pills
  • cinematic
  • saas
  • mockup

About

You say

"Read DESIGN.md and build my site's home page in the Dimension style."

Near-black background with a warm blue gradient, a white pill button and a large product mockup

DESIGN.md published by Duply-AI under the CC-BY-4.0 license.

Show more

Prerequisites

You bring
Your page content (copy, images) and Your logo and brand colors if you adapt the style

How to use it

  1. Copy DESIGN.md to the root of your project.
  2. Ask your agent to read it before building the interface.
  3. Describe the page you want and adjust colors and fonts to your brand.

Content preview

Files

  • DESIGN.md22.3 KB
  • LICENSE0.5 KB
  • NOTICE-PALATEKIT.md0.4 KB

Origin and licence

Modified by PalateKit

Author
Duply-AI
Source
github.com/Duply-AI/design-md/tree/fe8fdae011d7bbf3dec7671cea16ebd45cc86c37/designs/dimension
Licence
CC-BY-4.0

Notice

Version modifiée de « Dimension-design-analysis » (Duply-AI, CC-BY-4.0) : 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

How do I install it?

Place DESIGN.md at the project root, then ask your agent to follow it for any interface work.

Do I need the original fonts?

Geist and DM Sans are open fonts and can ship as they are.