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.

Navy blue search product page v1.0.0

Use this resource to design a product page built around search

New

  • 80 downloads
  • 182 likes
  • 100 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install algolia-navy-search

First time: connect the CLI with

npx --yes palatekit@latest login

This resource captures the Algolia look: a trust-inspiring navy, an electric blue for actions and clear result cards. The agent applies it to build a launch page that puts search and proof first.

Mostly picked by

Updated November 2, 2026

Navy and electric blue palette of a search product.

Details

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

Similar resources

View all

What you get

  • DESIGN.md: palette, typography, search field and card CSS, shadows, responsive rules
  • Values, colors and font names kept as in the original

Good fit for

  • A SaaS product launch page
  • A page with a featured search field
  • A site with filterable results

Not for

  • A warm lifestyle site
  • A page without search or data

Tags

  • search
  • saas
  • navy
  • launch

About

You say

"Build my tool's home page with the style from the DESIGN.md."

Navy and electric blue palette of a search product.

DESIGN.md file published by Khalidabdi1 under the MIT license.

Show more

Prerequisites

You bring
Your product name and strengths

How to use it

  1. Copy DESIGN.md to the project root.
  2. Ask the agent to read the file before building the interface.
  3. Check the result and adjust values if needed.

Content preview

Files

  • DESIGN.md4.2 KB
  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB

Origin and licence

Modified by PalateKit

Author
Khalidabdi1
Source
github.com/Khalidabdi1/design-ai/tree/c46449573bafa883484dcfcfd5499eec39725554/design-md/algolia
Licence
MIT

Notice

Version modifiée de « algolia » (Khalidabdi1, 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 use it?

Drop DESIGN.md at the root of your project and ask the agent to follow it for every screen or component.

Can I change the colors?

Yes. Edit the palette values in the file and the agent will follow them. The original brand remains the property of its owner.