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.
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" }
}
| Field | What it is | |
|---|---|---|
schemaVersion | required | Always 1. |
id | required | Short name of the pack: lowercase latin letters, digits, - and _. A pack with the same id replaces the old one. |
name | required | Full club name, shown in the club list. |
shortName | required | Up to 16 characters. Heads the club's section in the template gallery. |
accentColor | required | Club color as #RRGGBB. Colors the track and the markers. |
hashtag | Up to 32 characters, for example #SUNDAYLOOP. | |
defaultRideTitle | Ride title in the titles when you don't type your own. | |
sports | Which sports get club templates: ride, run, swim. Without it: ["ride"]. | |
texts.nameLines | Club name split into lines, up to 4 lines of 30 characters. | |
texts.badge | A short tag next to the name, up to 8 characters, for example (01). | |
texts.motto | Motto by lines, up to 4 lines. | |
images.* | File names of the images in the folder, see below. Leave out what you don't have. | |
tint | Recolor 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
| Slot | Where it shows | Good size |
|---|---|---|
logo | Wide logo: in all club templates and most titles. | 1600 × 400 |
mark | Main sign: club column, “Flash cuts” and “Brand row” titles. | 1024 × 1024 |
markAlt | Second sign, big in the “Emblem” title. | 1024 × 1024 |
emblem | Lettering as an image: “Brand row” and “Emblem” titles. | 1600 × 400 |
pattern | Full-frame background for the “Pattern wipe” title. | 1080 × 1920 |
flag | Your club's element in the club column: stripes, a pattern, a sign. | any, keeps its proportions |
- PNG with a transparent background, up to 4096 px on a side and 5 MB.
- For
tint, use a one-color image, for example a white logo on transparent background: Layoutie keeps only its shape and paints it. - Every file you name in
club.jsonmust be in the folder. Otherwise the pack doesn't load, and the error tells you which file is missing.
4. Add it to Layoutie
- Open Settings → Clubs and click Add Club Pack…
- Choose the folder. Layoutie checks it and copies it, so you can move or delete the original.
- 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
- Your pack stays on your Mac. We don't receive it and other people don't see it.
- You get the club templates for all clubs (“Editorial” and the club titles). Templates made only for a specific club come only with that club's pack from us, to its members.
- The
idof a club already in Layoutie, for example01cc, is taken: choose another one. - Use only logos you have the right to use, for example your own club's.