AI-translated from English; not yet reviewed by a fluent editor.

# Napravite DESIGN.md za Claude Code koji je vlasnik odobrio

> Napišite vizuelnu specifikaciju na osnovu odobrenih odluka o brendu, upotrebite je za dve male izmene uz Claude Code i pregledajte razlike i prikaze.

By BIG CHANGE Editorial

Published: 2026-10-20T01:05:55.739Z
Updated: 2026-10-20T01:05:55.739Z
Canonical: https://bigchange.ai/blog/claude-code-owner-approved-design-md-guide

![Conceptual charcoal illustration of a small visual reference clipped to a wall rail above two separate framed layout proofs.](https://bigchange.ai/api/media/file/owner-approved-design-reference-two-proofs-hero-v1.png)
AI-generated conceptual illustration by BIG CHANGE.

AI agent za programiranje može da prati vizuelnu referencu samo onoliko dobro koliko su u njoj definisane odluke. Ako je projekat vaš i već imate odobrena pravila brenda, možete ih objediniti u jednu datoteku `DESIGN.md` koju je moguće pregledati, pa uz Claude Code uraditi dve male izmene koje ćete sami proveriti. Rezultat rada je vaša odobrena specifikacija. Dve izmene proveravaju da li je bila korisna za te konkretne materijale; ne dokazuju kako će izgledati neka kasnija izmena.

Ovo je postupak zasnovan na dokumentaciji. BIG CHANGE je 20. oktobra 2026. pregledao zbirku dizajnerskih datoteka vezanu za tačno određenu reviziju i Anthropic priručnike za Claude Code. Nismo pokretali Claude Code, menjali ili prikazivali dva materijala, niti merili troškove ili kvalitet dizajna.

## Glavna promena

- **Šta se menja:** Vlasnik može da napiše verzionisanu vizuelnu specifikaciju na osnovu odobrenih odluka i pre ograničene izmene da Claude Code-u preda baš tu datoteku.
- **Zašto je važno:** Jedan provereni izvor omogućava poređenje pravila o bojama, tipografiji i rasporedu sa dve stvarne revizije, dok vlasnik odlučuje da li je svaki rezultat prihvatljiv.
- **Na šta paziti:** Datoteka mora biti pročitana u celosti pre svake izmene. Njeno prisustvo u projektu, navođenje putanje ili Claude-ovo uveravanje ne dokazuju da je učitana ili praćena.

## Pre početka

Potrebni su vam sopstveni projekat, dozvola za izmene, dva mala postojeća materijala koja možete da prikažete i radna kopija ili tačka u kontroli verzija koju možete da vratite. To mogu biti dve stranice ili stranica i prezentacija, pod uslovom da znate stvarni postupak izmene i prikaza svakog projekta. Za svaki odaberite po jednu ograničenu vizuelnu izmenu. Sačuvajte postojeći tekst, veze i ispravne interakcije radi poređenja.

Prikupite vrednosti boja koje je vlasnik odobrio **i njihove uloge**, licencirane ili dozvoljene fontove i zamene, pravila upotrebe logotipa i slika, ciljnu publiku, dimenzije i zahteve pristupačnosti. Koristite stvarni zapis o odobrenju ili tražite od vlasnika da reši nedostajuće odluke. Javni sajt kompanije ili tuđa analiza dizajna ne daju dozvolu za vrednosti i materijale u vašem projektu. Odobrenje vlasnika za materijal takođe ne znači automatski dozvolu da ga pošaljete pružaocu modela.

Podesite [Claude Code](https://code.claude.com/docs/en/quickstart) uz odgovarajući nalog ili pružaoca usluge i pregledajte [uslove upotrebe podataka](https://code.claude.com/docs/en/data-usage) i [dozvole alata](https://code.claude.com/docs/en/permissions) tog naloga pre nego što izložite privatni kod, tekst ili materijale. Lokalno sačuvan projekat i dalje može da šalje sadržaj servisu modela. Proverite ko sme da vidi materijale, koji alati mogu da čitaju ili menjaju datoteke i da li smete da pošaljete svaku stavku. [Smernice o troškovima](https://code.claude.com/docs/en/costs) zavise od naloga i pružaoca usluge; ovaj vodič ne može da odredi fiksnu cenu vaše sesije.

Zbirka [Awesome DESIGN.md vezana za određenu reviziju](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) može opciono da posluži kao inspiracija za odeljke datoteke. Analizira javne sajtove; nije vlasnikov odobreni priručnik brenda. Datoteku možete napisati direktno iz odobrenih odluka. Ako kopirate tekst iz repozitorijuma, zadržite njegov [MIT tekst o autorskim pravima i dozvoli](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE). Taj tekst ne daje prava na oznake, datoteke fontova ili slike drugog sajta.

## Napravite referencu koju je vlasnik odobrio

1. Napravite `brand-reference/DESIGN.md` u sopstvenom projektu. Popunite ovu minimalnu strukturu iz zapisa o odobrenju. Tekst u uglastim zagradama označava informacije koje vlasnik mora da dostavi; ne predlaže brend. Ostavite stavku označenu kao `UNRESOLVED` dok vlasnik ne odluči. Nemojte tražiti da Claude izmisli vrednost radi popunjavanja praznine.

```markdown
# Visual specification

Owner: [owner or approving role]
Approved version/date: [version and approval date, or UNRESOLVED]
Audience and artifact purpose: [owner-approved description]
Approval evidence: [internal record or location, without private data in a shared copy]

## Color roles and values
- Background: [approved value and color format, or UNRESOLVED]
- Text: [approved value and color format, or UNRESOLVED]
- Primary action: [approved value and color format, or UNRESOLVED]
- Link, border and status roles: [each approved value, or UNRESOLVED]

## Typography and scale
- Heading family and permitted fallback: [approved names, or UNRESOLVED]
- Body family and permitted fallback: [approved names, or UNRESOLVED]
- Heading/body sizes, weights and line heights: [approved scale, or UNRESOLVED]
- Font license or use restriction: [approved terms, or UNRESOLVED]

## Spacing and layout
- Spacing scale, content width and grid: [approved values, or UNRESOLVED]
- Target artifact dimensions: [approved sizes, or UNRESOLVED]

## Components and states
- Buttons, links, inputs and navigation: [approved appearance and behavior]
- Hover, focus, disabled and error states: [approved rules, or UNRESOLVED]

## Responsive and accessibility rules
- Desktop/phone behavior and breakpoints: [approved rules, or UNRESOLVED]
- Contrast, readable type, focus order and touch use: [approved requirements]

## Assets and forbidden substitutions
- Permitted logo/image assets and usage: [approved paths and permissions]
- Do not substitute: [owner-approved prohibited colors, fonts, marks or patterns]

## Owner approval and changes
- Approved by: [person or role and date, or UNRESOLVED]
- Version: [version]
- Changelog: [date, change, approver]
- Unresolved decisions: [list, or "none" after owner review]
```

2. Proverite svaki popunjeni red prema izvornim odlukama vlasnika, uključujući prava na upotrebu fontova i slika. Sa vlasnikom rešite sukobe starih stilova projekta i trenutno odobrenih pravila. Tražite odobrenje upravo te datoteke i zabeležite njenu verziju. Odložite svaku izmenu koja zavisi od nerešene vrednosti. Sačuvajte odobrenu datoteku i dva početna materijala u kontroli verzija ili drugoj kopiji koju možete vratiti.

## Upotrebite datoteku za dve ograničene izmene

3. U sopstvenom projektu pokrenite Claude Code sesiju uz provereni nalog i dozvole. Navedite tačne putanje do `brand-reference/DESIGN.md` i prvog materijala. Najpre tražite od Claude-a da pročita **celu** referencu i materijal, pa stane pre izmene. Pregledajte stvarni rezultat čitanja datoteke ili alata radi tačne putanje i kompletnog sadržaja. Odbijeno čitanje, skraćen rezultat, samo pominjanje putanje ili usmeni sažetak nisu dovoljni. Anthropic dokumentuje [datoteke projektnih uputstava](https://code.claude.com/docs/en/memory) kao odvojenu mogućnost podešavanja; ne pretpostavljajte da se proizvoljni `DESIGN.md` otkriva automatski niti da će se referenca `@` jednako ponašati u svim verzijama.
4. Kada je potpuno čitanje vidljivo, tražite jednu odabranu vizuelnu izmenu prvog materijala koristeći samo odobrena pravila. Ograničite datoteke koje se menjaju; sačuvajte tekst, veze, kontrole i nepovezani kod. Tražite predložene razlike i ustaljeni način prikaza materijala u projektu. Pregledajte svaku izmenjenu datoteku pre prihvatanja. Odbijte neodobrene boje, fontove, materijale, zavisnosti ili dodatne izmene.
5. Prikažite prvi materijal kroz njegov **stvarni projektni postupak**. Uporedite rezultat sa odobrenom datotekom i početnim materijalom na veličinama računara i telefona koje odgovaraju projektu. Proverite vrednosti tokena u izmenjenim datotekama, čitljiv kontrast, hijerarhiju naslova i teksta, odsecanje ili horizontalno prelivanje, vidljiv fokus, tastaturu i izmenjene interakcije, kao i nepromenjene tekstove i veze. Zabeležite verziju reference, reviziju materijala, provere i ispravke. Opis prikaza nije sam prikazani rezultat.
6. Za drugi materijal ponovo navedite tačnu putanju i `brand-reference/DESIGN.md`. Tražite novo potpuno čitanje **pre** njegove izmene i pregledajte rezultat alata. Zatim tražite jednu ograničenu izmenu, pregledajte razlike, prikažite materijal sopstvenim postupkom drugog projekta i ponovite iste provere. Uporedite obe revizije sa **istom verzijom odobrene datoteke**. Za svako pravilo zabeležite da li je poštovano, propušteno ili zahteva reviziju uz odobrenje vlasnika; ispravite odstupanja i ponovo proverite oba materijala ako se referenca promeni.

Posao je završen kada imate odobrenu, verzionisanu specifikaciju, dve pregledane i prikazane revizije i kratak zapis o poštovanim i propuštenim pravilima. Sačuvajte originalne revizije da biste mogli da vratite prethodno stanje. Ako čitanje ne uspe, pre zahteva za izmenu proverite tačnu putanju, dozvole i veličinu datoteke ili skraćivanje. Ako je specifikacija u sukobu sa stilovima projekta ili pristupačnošću, razrešite odluku vlasnika i suzite izmenu. Ako materijal ne može da se prikaže ili interakcija ne može da se proveri, ostavite tu izmenu neprihvaćenu dok provera ne postane moguća. Buduće promene brenda zahtevaju nameran novi pregled ranijih rezultata.

Za drugi zadatak, upotrebu datoteke zajednice kao reference za jednu stranicu, pogledajte [naš vodič za DESIGN.md vezan za određenu reviziju](https://bigchange.ai/blog/claude-code-pinned-design-reference-page-guide). Zadatak ovog vodiča je da prvo napravite i odobrite sopstvenu specifikaciju.

## Izvori i dodatna literatura

- Dokument [Awesome DESIGN.md README vezan za određenu reviziju](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) daje primere odeljaka i opisuje datoteke kao analize javnih sajtova pružene u zatečenom stanju. Njegove tvrdnje o kvalitetu rezultata nisu ovde testiran rezultat. [MIT licenca](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) uređuje kopirani materijal repozitorijuma, ne identitet ili materijale trećih strana.
- Anthropic-ov [brzi početak](https://code.claude.com/docs/en/quickstart) pokriva podešavanje naloga i projekta. Njegovi [uobičajeni radni postupci](https://code.claude.com/docs/en/common-workflows) i [priručnik za memoriju projekta](https://code.claude.com/docs/en/memory) opisuju rad sa datotekama i uputstvima; nijedan nije dokaz da je ova samostalna datoteka u celosti pročitana u sesiji čitaoca.
- Anthropic-ovi priručnici za [dozvole](https://code.claude.com/docs/en/permissions), [upotrebu podataka](https://code.claude.com/docs/en/data-usage) i [troškove](https://code.claude.com/docs/en/costs) objašnjavaju kontrole i uslove zavisne od naloga. Ne potvrđuju posmatranu izmenu, isključivo lokalnu obradu, fiksni račun ili poboljšanje kvaliteta u ovom vodiču.

## Sources

- [Awesome DESIGN.md README vezan za određenu reviziju](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) — Zbirka zajednice vezana za određenu reviziju i primeri odeljaka dizajnerske reference. Analizira javne sajtove i pruža datoteke u zatečenom stanju; promotivni jezik o kvalitetu i trenutnoj upotrebi nije dokaz rezultata ovog vlasnika niti odobrenje predstavljenih brendova. Puna privatna kopija izvora i nezavisna provera nalaze se u odobrenom prijemnom paketu.
- [Awesome DESIGN.md MIT licenca](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) — Tekst o autorskim pravima i dozvoli određene revizije repozitorijuma mora ostati uz kopirani tekst ili njegove značajne delove. Sam po sebi ne daje prava na ime, žig, logotip, vlasnički font ili slike predstavljenog sajta.
- [Claude Code brzi početak](https://code.claude.com/docs/en/quickstart) — Zvanični preduslovi za nalog/pružaoca usluge, prijavljivanje i projekat. BIG CHANGE nije testirao instalaciju, pristup ili Claude sesiju za ovaj vodič.
- [Claude Code uobičajeni radni postupci](https://code.claude.com/docs/en/common-workflows) — Zvanični postupci za projektne datoteke i pregled izmena. Vodič zahteva vidljivo potpuno čitanje i stvarne razlike za svaki materijal, umesto oslanjanja na skraćeno referenciranje datoteka koje zavisi od verzije.
- [Claude Code memorija projekta](https://code.claude.com/docs/en/memory) — Dokumentuje projektna uputstva i opcione uvoze kao konfiguraciju. Ne dokazuje da se samostalni brand-reference/DESIGN.md automatski učitava ili da ga je pratila ijedna izmena čitaoca.
- [Claude Code dozvole](https://code.claude.com/docs/en/permissions) — Zvanične kontrole dozvola alata. Vlasnikovo odobrenje sadržaja brenda i uputstva data Claude-u odvojeni su od stvarnih ovlašćenja za datoteke/alate i dozvole da se pošalje privatni materijal.
- [Claude Code upotreba podataka](https://code.claude.com/docs/en/data-usage) — Obrada i čuvanje zavise od naloga i pružaoca usluge. Lokalni projekat ne dokazuje isključivo lokalnu sesiju modela; čitalac mora proveriti prava pre slanja privatnog sadržaja.
- [Claude Code troškovi](https://code.claude.com/docs/en/costs) — Zvanične smernice o korišćenju i naplati zavisnim od naloga i pružaoca usluge. Za ovaj postupak nisu izmereni fiksna cena, besplatna kvota, ušteda vremena ili trošak zadatka.
- [BIG CHANGE: upotrebite DESIGN.md referencu vezanu za određenu reviziju u Claude Code-u za jednu stranicu](https://bigchange.ai/blog/claude-code-pinned-design-reference-page-guide) — Povezana kontekstualna obrada primene reference zajednice vezane za određenu reviziju na postojeću stranicu. Ne izrađuje odobrenu specifikaciju za konkretnog vlasnika i nije izvor novih koraka ovog vodiča niti nastavak u „In this story“.