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

Friendly light SaaS, cards and dark footer v1.0.0

Use this resource to build a light, welcoming software site with cards, pricing and testimonials

New

  • 43 downloads
  • 207 likes
  • 224 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 cal-com-friendly-scheduling-saas

First time: connect the CLI with

npx --yes palatekit@latest login

The agent reads this DESIGN.md and applies the Cal.com style: a white canvas, a black button, light gray cards, product-interface fragments inside cards and a dark footer. 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 button, light gray cards and a dark footer

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

  • a software or online service site
  • a pricing page with a featured plan
  • a page that shows the real product inside cards

Not for

  • a dark or highly expressive identity
  • a site that wants vivid accent colors on buttons

Tags

  • saas
  • cards
  • pricing
  • light
  • testimonials

About

You say

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

White background, black button, light gray cards and a dark footer

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.md31 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/cal-com
Licence
CC-BY-4.0

Notice

Version modifiée de « Cal.com-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?

Cal Sans is not publicly available: the file suggests Inter at weight 600 or Manrope as substitutes.