Layoutie

Make a Club Pack

Last updated: 20 October 2026

A club pack is a folder with your club's colors, logo and texts. Layoutie uses it to draw the club templates and titles in your club's style. Adding your own pack is a Layoutie Pro feature.

Is your club already in Layoutie? Then you don't need a folder: pick the club in Settings → Clubs and its pack comes from us. Want your club there for all members? Write to hello@highlision.com.

Download the example pack

1. The folder

Put a file named club.json and your images into one folder:

sunday-loop/
├─ club.json
├─ logo.png
├─ mark.png
└─ pattern.png

The easiest way is to take the example pack and change it.

2. club.json

{
  "schemaVersion": 1,
  "id": "sunday-loop",
  "name": "Sunday Loop Club",
  "shortName": "SLC",
  "accentColor": "#FF7A00",
  "hashtag": "#SUNDAYLOOP",
  "defaultRideTitle": "SUNDAY LOOP",
  "sports": ["ride"],
  "texts": {
    "nameLines": ["Sunday Loop", "Club"],
    "badge": "(SL)",
    "motto": ["Ride far,", "ride together"]
  },
  "images": {
    "logo": "logo.png",
    "mark": "mark.png",
    "pattern": "pattern.png"
  },
  "tint": { "logo": "text", "mark": "accent" }
}
FieldWhat it is
schemaVersionrequiredAlways 1.
idrequiredShort name of the pack: lowercase latin letters, digits, - and _. A pack with the same id replaces the old one.
namerequiredFull club name, shown in the club list.
shortNamerequiredUp to 16 characters. Heads the club's section in the template gallery.
accentColorrequiredClub color as #RRGGBB. Colors the track and the markers.
hashtagUp to 32 characters, for example #SUNDAYLOOP.
defaultRideTitleRide title in the titles when you don't type your own.
sportsWhich sports get club templates: ride, run, swim. Without it: ["ride"].
texts.nameLinesClub name split into lines, up to 4 lines of 30 characters.
texts.badgeA short tag next to the name, up to 8 characters, for example (01).
texts.mottoMotto by lines, up to 4 lines.
images.*File names of the images in the folder, see below. Leave out what you don't have.
tintRecolor a one-color image: "accent" — into the club color, "text" — into the text color you pick in the app.

Languages. Any text or image can have a version per language: { "default": "SUNDAY LOOP", "uk": "НЕДІЛЬНЕ КОЛО" }. Layoutie takes the language of the app, and default otherwise.

3. Images

SlotWhere it showsGood size
logoWide logo: in all club templates and most titles.1600 × 400
markMain sign: club column, “Flash cuts” and “Brand row” titles.1024 × 1024
markAltSecond sign, big in the “Emblem” title.1024 × 1024
emblemLettering as an image: “Brand row” and “Emblem” titles.1600 × 400
patternFull-frame background for the “Pattern wipe” title.1080 × 1920
flagYour club's element in the club column: stripes, a pattern, a sign.any, keeps its proportions

4. Add it to Layoutie

  1. Open Settings → Clubs and click Add Club Pack…
  2. Choose the folder. Layoutie checks it and copies it, so you can move or delete the original.
  3. Pick the club in the inspector or as the default in Settings → Overlay defaults.

To update the pack, change the folder and add it again: the same id replaces the old version.

Good to know