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.

Sand, near-black and orange pills v1.0.0

Use this resource to style a media or reading site with sand, near-black and a brand orange

New

  • 237 downloads
  • 203 likes
  • 189 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install storytel-sand-orange-pills

First time: connect the CLI with

npx --yes palatekit@latest login

The agent reads this DESIGN.md and applies the Storytel style: a near-black hero, sand sections, an orange in three steps (rest, hover, press) and pill buttons. 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

Sand background, near-black hero and orange and white pill buttons

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 books, podcasts or audio content site
  • a warm editorial brand
  • a site that needs clearly named button states

Not for

  • a cold, technical interface
  • a site with no color accent at all

Tags

  • sand
  • orange
  • pill
  • media
  • bookshop

About

You say

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

Sand background, near-black hero and orange and white pill buttons

DESIGN.md published by kwakseongjae 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.md7.4 KB
  • LICENSE1 KB
  • NOTICE-PALATEKIT.md0.4 KB

Origin and licence

Modified by PalateKit

Author
kwakseongjae
Source
github.com/kwakseongjae/oh-my-design/tree/3d807fd476fbcee543e78bc03bca60e557280ee3/design-md/storytel
Licence
MIT

Notice

Version modifiée de « Storytel » (kwakseongjae, 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?

Storytel Euclid is the brand's own typeface: swap in a free geometric sans-serif.