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.

Black and white with status colors v1.0.0

Use this resource to build a clean product page where color only signals a status

New

  • 125 downloads
  • 79 likes
  • 233 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install flighty-white-status-color

First time: connect the CLI with

npx --yes palatekit@latest login

The agent reads this DESIGN.md and applies the Flighty style: a white background, black text, a single rounded typeface and red, amber and green kept for status. 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

White background, black text and three red, amber and green status colors

Details

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

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

  • a mobile app presentation page
  • a tracking tool with states to flag
  • a site built on trust and restraint

Not for

  • a brand that wants a decorative accent color
  • a dark or heavily illustrated site

Tags

  • clean
  • status
  • shadows
  • app
  • monochrome

About

You say

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

White background, black text and three red, amber and green status colors

DESIGN.md published by educlopez under the MIT 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.md6.2 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/flighty.com
Licence
MIT

Notice

Version modifiée de « flighty.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

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?

pangramSansRounded is a commercial typeface: swap in a free rounded sans-serif (Nunito, for example) if needed.