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.

Creative agency style: serif and bold color blocks v1.0.0

Use this resource to build the site of a creative agency or studio with an editorial look

New

  • 362 downloads
  • 47 likes
  • 48 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install fiasco-agency-editorial

First time: connect the CLI with

npx --yes palatekit@latest login

Your agent composes type-led pages: a wide sans-serif, an editorial serif and bold uppercase labels. It assigns the bright colors by use (orange for updates, blue for links, yellow for transitions). You get an agency site with a strong personality.

Mostly picked by

Updated November 2, 2026

Green-tinted off-white background with yellow, green, blue and pink blocks

Details

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

Similar resources

View all

What you get

  • DESIGN.md in nine sections, covering color, type, components and layout
  • A brand palette with the role of each color
  • The rules for the three typefaces and the text scale
  • A ready-to-copy prompt to reproduce the style

Good fit for

  • A studio, agency or freelance portfolio
  • An editorial site with lots of text and personality
  • A showcase page that has to stand out

Not for

  • A restrained, institutional site
  • A dense business application

Tags

  • agency
  • editorial
  • serif
  • color
  • studio

About

You say

"Redo the home page of my design studio in the style of this DESIGN.md, with a yellow page transition."

Green-tinted off-white background with yellow, green, blue and pink blocks

DESIGN.md published by educlopez under the MIT license.

Show more

Prerequisites

You bring
Your copy and visuals and Free replacement fonts

How to use it

  1. Add DESIGN.md to the project root
  2. Ask the agent to adopt the three typefaces and the palette
  3. Swap licensed fonts for free equivalents if needed

Content preview

Files

  • DESIGN.md5.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/fiasco.design
Licence
MIT

Notice

Version modifiée de « fiasco.design » (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

Are the fonts provided?

No. Area Normal, HAL Timezone and Gooper are the agency's fonts: pick free equivalents on Google Fonts.

Do I need all 24 breakpoints?

No. They show a very fine-grained system; three or four breakpoints are enough for most sites.