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 portfolio with a single lime accent v1.0.0

Use this resource to design a bold dark portfolio or personal site

New

  • 234 downloads
  • 170 likes
  • 239 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install dann-petty-lime-dark-portfolio

First time: connect the CLI with

npx --yes palatekit@latest login

The agent applies a dark portfolio style inspired by dannpetty.com: near-black canvas, a single acid-lime accent, no shadows and large pill radii. The file gives colors, Inter typography, component rules and a ready-made prompt. You get a consistent, restrained and high-contrast site.

Mostly picked by

Updated November 2, 2026

Near-black charcoal canvas with one large acid-lime card and light gray cards with very rounded corners.

Details

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

Similar resources

View all

What you get

  • DESIGN.md covering theme, palette, typography, components, layout, depth, dos and don'ts
  • A three-surface palette (charcoal, light gray, acid lime) with each role explained
  • An agent prompt guide at the end of the file
  • Hover and responsive rules (breakpoints at 1000, 1200 and 1600 px)

Good fit for

  • A portfolio for a designer, photographer or content creator
  • A personal page for a consultant or founder
  • A restrained landing page built around one color accent

Not for

  • A data-heavy interface such as a dashboard
  • A brand that needs several accent colors or a warm feel
  • A mostly light site, since the system is built for dark mode

Tags

  • portfolio
  • dark mode
  • minimalism
  • lime accent
  • inter

About

You say

"Build my portfolio home page following DESIGN.md: dark background, one lime card for my flagship project, three gray cards for the rest."

Near-black charcoal canvas with one large acid-lime card and light gray cards with very rounded corners.

DESIGN.md published by educlopez (design-bites) under the MIT license.

Show more

Prerequisites

You bring
Your portfolio content (projects, copy, visuals) and A web project to copy the file into

How to use it

  1. Copy DESIGN.md to the root of your project.
  2. Ask your agent to build the page following this file.
  3. Check that lime appears only once per section.

Content preview

Files

  • DESIGN.md5.9 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/dannpetty.com
Licence
MIT

Notice

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

Can I change the lime color?

Yes. Replace #cefb50 with another vivid color, but keep the rule: one accent only, used as a background and never as text color.

Are the fonts included?

No. Inter and Inter Tight are free fonts you install or load from Google Fonts.