Design kit ยท pages, courses and videos

The brand rules in one place

One folder the agent reads before it makes anything. Colors, fonts, writing, camera and everything already rejected, with the source of each rule.

INEMA Design kit banner: the brand rules in one place
In short

INEMA Design is a folder of text files with the visual rules of the INEMA ecosystem: colors, fonts, writing style, video camera and the list of what Nei has already rejected. It is for anyone who builds pages, guides, courses, banners, explicavideos, shorts and reels with agents like Claude Code and Codex. The agent reads the folder before it starts, and the piece follows the brand standard without repeating old mistakes. To use it, copy the folder and ask the agent to read its CLAUDE.md first.

What it is

A "design-os" adapted to INEMA

The method comes from the Claude Design Blueprint: a design folder the agent reads before every project. Here it is filled with rules that were already scattered across skills, lessons and notes.

The six blocks of the kit: DESIGN.md, page checklist, writing that does not sound like AI, camera with numbers, 5-frame review and what was already rejected

๐ŸŽจ One brand, several lines

DESIGN.md has a common core and one section per type of piece: dark amber guide, course v2, v5 and v6, banner, thumb and video. Each color has its source noted.

๐ŸŽฌ Video with a score

Standards for 16:9 and 9:16, camera words with numbers, and a 5-frame review (0, 25, 50, 75 and 100%) with a score from 0 to 10 for visual, pace and brand.

๐Ÿงพ Corrections memory

Everything Nei has already rejected sits in one list. When he corrects something new, it becomes one line there and the mistake does not come back.

How it works

The agent reads, makes and checks

The reading order is in the folder's CLAUDE.md. The agent does not settle conflicts between rules: they go to DECISOES.md (open decisions) and the owner chooses.

CLAUDE.mdโ†’ DESIGN.md (the piece's line)โ†’ correcoes.mdโ†’ regras/ or video/โ†’ make itโ†’ preship.py or 5 frames

Pages

regras/pagina-20.md (20 points before publishing) and checks/preship.py, which checks the HTML.

Writing

regras/texto.md: banned openings, words that sound like AI, years written out in speech.

Video

video/style.md, video/camera.md and video/revisao-5-quadros.md.

Requirements

Very little

The files are plain text. Only the two checking steps need a tool installed.

An agent

Claude Code, Codex or any other that reads files from the folder.

git clone https://github.com/inematds/inema-design

Python 3

For preship.py. Nothing to install besides Python.

python3 --version

ffmpeg

To pull the 5 frames from a finished video.

ffmpeg -version
User guide ยท step by step

From clone to checked piece

The commands below are the ones in the repository.

1

Copy the folder

Put the folder where the agent can read it, for example in ~/projetos/inema-design.

git clone https://github.com/inematds/inema-design ~/projetos/inema-design
2

Ask the agent to read first

Before any visual piece, the first instruction is to read the kit. The agent says in up to six lines what it read and which rules apply.

"Read ~/projetos/inema-design/CLAUDE.md and follow the reading order. Then create the guide for project X."
3

Check the page before publishing

The script tests part of the 20 points (h1, main, viewport, title, description, share image, favicon, image size, labels). Check the rest by hand with the list.

python3 checks/preship.py guia/index.html  # PASS/FAIL per item and the total
4

Review the video in 5 frames

Pull the frames, build a contact sheet and score visual, pace and brand from 0 to 10. A score below 8 goes back for fixes. If redoing it costs credits, ask first.

V=video.mp4; D=$(ffprobe -v error -show_entries format=duration -of csv=p=0 "$V")
for p in 0 25 50 75 100; do
  t=$(python3 -c "print(min($D*$p/100, $D-0.05))")
  ffmpeg -v error -y -ss "$t" -i "$V" -frames:v 1 "quadro-$p.jpg"
done
5

Log every correction

When the owner rejects something, add one dated line to memoria/correcoes.md. On the next piece the agent already reads that rule.

- 10/10 โ€” Zoom 1.4โ€“1.9 cutting off text: rejected. Use a dissolve, the whole image, zoom โ‰ค 1.25.
Examples

Tested on real pieces

Both checks were run on material that was already published.

Sheet with the 5 frames of a reel: cover, two frames with the same title and the INEMA.CLUB closing
5-frame review of a commented reel: the top title is the same at 25% and at 50%, one point off the pace score.
PASS  18  html has a lang attribute
PASS  18  exactly one h1
FAIL  18  main landmark present
PASS  3   viewport meta present
FAIL  20  og:image is set
FAIL  20  theme-color is set
FAIL  20  favicon link is set
FAIL  16  every img has width and height

8/13 pass
preship.py on the guide template used until now: 8 of 13. This guide was already built with the fixes.
Roadmap

Three stages

The first creates the files. The others connect the kit to the tools that make the pieces.

Stage 1
Base kit (done)DESIGN.md, rules, video, corrections, project map, open decisions and preship.py.
Stage 2
Video5-frame review and a style.md taken from a reference in refazvideo, then docflow, reelcomenta, cardshorts and eventosextremospub. In finviral, only a score in the log.
Stage 3
Pages and coursesThe guide skill and the course formats start reading DESIGN.md and running the checklist before publishing.