How to use PandaDesign

A gallery of favorite web designs from the Panda apps. Each one has a big screenshot, a line on what makes it good, its colors, and the app it came from.

Thumb through

• Next and previous design: the round arrow buttons on the sides of the picture, the Left and Right arrow keys, or swipe sideways on a phone.
• Jump to a design: tap its small picture in the strip along the bottom.
• Other screenshots of the same design (desktop, phone, dark mode): the buttons under the picture, or the Up and Down arrow keys.
• Full size: opens the screenshot by itself in a new tab, at full resolution.

Colors

Tap a color square under Palette to copy its color code (like #D9776B), ready to paste into another app.

Theme

The Theme button at the top changes how this page looks. Each tap moves to the next one: Auto (follows your device), Light, Dark, and Bold (black on white, heavier and bigger, for a projector or a TV). The screenshots never change.

Sharing one design

The address bar keeps your place, so copying the link shares the exact design and screenshot you are looking at.

Session art and dates

The homepage’s Session art archive collects artwork by its creation date, newest sessions first. Select a collection to view every image. Concept labels distinguish explorations from selected directions and installed skins. Historical references with unknown dates stay undated. New session artwork is curated into this archive when it is added to the library.

Adding a design

A coding tool adds designs in the PandaDesign source repository. Take the screenshots with node tools/shoot.mjs <url> <short-name>, then add one entry to public/designs.js. The README has the details.

New version

When a newer build is live, a button appears at the bottom of the screen. Tap it to update. The build number is in the bottom corner of the gallery.

Boards, pieces, brand and rules

Open Boards & pieces to try a palette with any approved piece set, flip the board, switch light and dark, download pieces or copy a design code. Coordinates have two choices: outside the squares, or off. Brand has the panda artwork; Rules states the shared standards.

Draw a panda

Open the drawing lessons for six illustrated steps, material lists, downloads and printing. Choose the logo silhouette, brush ink, matte shading or a panda holding a knight. These are practice drawings; the official logo stays unchanged.