Menu
← All skills

A workflow by Asad

Product
branding.

Make your product feel like itself.
Then give Codex the system to keep it that way.

01 / The brand system

Start with the decisions behind the design.

Wayfare is a demo of an agentic, conversational travel experience within Noodle Seed’s travel vertical offering. These guidelines document the visual system created for that demo, from its logo and imagery to the conversational interface.

Wayline logoWayfare
Brand foundation

One conversation. The whole journey.

Wayfare / Noodle Seed’s conversational travel demo

Wayfare / Visual brand guidelines01 / 29
1 / 29: One conversation. The whole journey.

29 visual slides · Full written specification included

Wayfare’s name and visual treatment belong to the demo. The downloadable skill helps you apply the design process to your own product.

02 / The demo in practice

See the visual system in the demo.

Explore the Wayfare demo ↗
Wayfare homepage with the Wayline logo, rounded controls, and a travel prompt over jet-window photography.
A recognizable first impression.The logo, typography, jet-window imagery, and composer work together in the travel demo.
Wayfare destination photography framed as jet windows, with captions for Rome, London, Istanbul, Lisbon, and Banff.
The same idea, carried through.Destination photography repeats the window shape, with consistent type, spacing, and captions.

Screenshots of the Wayfare demo website, captured September 10, 2026. This brand work informed the skill; it was created before this downloadable version. Shown as design examples, not evidence of booking functionality.

What you’ll make

A brand system.
And a way to use it.

Start with an idea, an existing product, or guidelines you already have. Keep the decisions that work and develop the ones that need direction.

  1. 01

    Find the direction

    Define your audience, product promise, and the qualities your brand should communicate.

  2. 02

    Make the decisions tangible

    Develop identity, signature elements, icons, and purposeful motion. Show the system in visual guidelines and real product interfaces.

  3. 03

    Turn the system into a skill

    Package approved guidance, assets, and examples so Codex can use them on the next assignment.

  4. 04

    Use it. Review it. Refine it.

    Create the next page, post, or presentation. Keep your judgment in the loop and save the decisions worth repeating.

How I Work / Issue 01

The branding work I used to hire an agency for

The design decisions behind Noodle Seed’s Wayfare travel demo, and how I turned the process into a workflow you can use.

Follow How I Work The first issue is coming soon.

Put it to work

Your product.
Your first prompt.

You’ll need Codex with plugin support and a project to work on. Bring your brief, website, or existing guidelines. Any production tools you choose may have their own costs.

Download plugin
  1. Download and unzip.

    Keep the complete product-branding folder together.

  2. Install the plugin.

    Open a terminal in the extracted folder and run:

    codex plugin marketplace add .
codex plugin add product-branding@store-of-scope-branding

    The included README also explains the standalone-skill option.

  3. Open that project in Codex.

    Start a new task and use the prompt below.

Your first prompt

Use $product-branding to build a brand system for my product. Review my existing website, product brief, assets, and implementation first. Develop the distinctive visual elements, show the system in visual guidelines and representative product interfaces, then package the approved decisions as a reusable skill for my brand.