diff --git a/app/AnnotationGuideline.php b/app/AnnotationGuideline.php
new file mode 100644
index 000000000..3090bc764
--- /dev/null
+++ b/app/AnnotationGuideline.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace Biigle;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+/**
+ * This Model describes the annotation guideline of a Project
+ *
+ * @property int $id
+ */
+class AnnotationGuideline extends Model
+{
+    use HasFactory;
+
+    /**
+     * The attributes that should be casted to native types.
+     *
+     * @var array<string, string>
+     */
+    protected $casts = [
+        'id' => 'int',
+        'project' => 'int',
+        'description' => 'string',
+    ];
+
+    protected $fillable = [
+        'project',
+        'description',
+    ];
+
+    /**
+     * Don't maintain timestamps for this model.
+     *
+     * @var bool
+     */
+    public $timestamps = false;
+
+    /**
+     * The project this guideline belongs to.
+     *
+     * @return \Illuminate\Database\Eloquent\Relations\BelongsTo<Project, $this>
+     */
+    public function project()
+    {
+        return $this->belongsTo(Project::class, 'project');
+    }
+
+    /**
+     * The labels within this guideline.
+     *
+     * @return \Illuminate\Database\Eloquent\Relations\HasMany<AnnotationGuidelineLabel, $this>
+     */
+    public function guidelineLabels()
+    {
+        return $this->hasMany(AnnotationGuidelineLabel::class, 'annotation_guideline');
+    }
+}
diff --git a/app/AnnotationGuidelineLabel.php b/app/AnnotationGuidelineLabel.php
new file mode 100644
index 000000000..9c63a0ec7
--- /dev/null
+++ b/app/AnnotationGuidelineLabel.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace Biigle;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+/**
+ * Model for labels within an annotation guideline.
+ *
+ * @property int $id
+ */
+class AnnotationGuidelineLabel extends Model
+{
+    use HasFactory;
+
+    /**
+     * The attributes that should be casted to native types.
+     *
+     * @var array<string, string>
+     */
+    protected $casts = [
+        'annotation_guideline' => 'int',
+        'label' => 'int',
+        'shape' => 'int',
+        'description' => 'string',
+        'reference_image' => 'boolean',
+    ];
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var list<string>
+     */
+    protected $fillable = [
+        'annotation_guideline',
+        'label',
+        'shape',
+        'description',
+        'reference_image',
+    ];
+    /**
+     * Don't maintain timestamps for this model.
+     *
+     * @var bool
+     */
+    public $timestamps = false;
+
+    /**
+     * The labels that have a guideline for their annotation
+     *
+     * @return \Illuminate\Database\Eloquent\Relations\BelongsTo<Label, $this>
+     */
+    public function label()
+    {
+        return $this->belongsTo(Label::class, 'label');
+    }
+}
diff --git a/app/Http/Controllers/Api/Projects/AnnotationGuidelineController.php b/app/Http/Controllers/Api/Projects/AnnotationGuidelineController.php
new file mode 100644
index 000000000..3c0630275
--- /dev/null
+++ b/app/Http/Controllers/Api/Projects/AnnotationGuidelineController.php
@@ -0,0 +1,110 @@
+<?php
+
+namespace Biigle\Http\Controllers\Api\Projects;
+
+use Biigle\AnnotationGuideline;
+use Biigle\Http\Controllers\Api\Controller;
+use Biigle\Project;
+use Illuminate\Http\Request;
+use Storage;
+
+class AnnotationGuidelineController extends Controller
+{
+    /**
+     * Get the annotation guideline for the given project and the associated labels
+     *
+     * @api {get} projects/:pid/annotation-guideline Get the annotation guideline for the given project
+     * @apiGroup Projects
+     * @apiName AnnotationGuideline
+     * @apiParam {Number} id The Project ID
+     * @apiPermission projectAdmin
+     * @apiDescription Returns the annotation guideline and the associated labels
+     *
+     * @apiSuccessExample {json} Success response:
+     * {"annotation_guideline":[{
+     *    "id":1,
+     *    "project":2,
+     *    "description":"guideline description"
+     *  }],
+     *  "annotation_guideline_labels" : [{
+     *      "annotation_guideline": 1,
+     *      "label":4,
+     *      "shape":7,
+     *      "description":"description of a label",
+     *      "label":
+     *        {
+     *          "id":4,
+     *          "name":"something else",
+     *        },
+     *  }]}
+     *
+     */
+    public function index($id)
+    {
+        $project = Project::findOrFail($id);
+        $this->authorize('update', $project);
+        $guideline = AnnotationGuideline::where(['project'=> $id])
+            ->firstOrFail();
+        $guidelineLabels = $guideline
+            ->guidelineLabels()
+            ->select()
+            ->with('label')
+            ->get();
+        return ['annotation_guideline' => $guideline, 'annotation_guideline_labels' => $guidelineLabels];
+
+    }
+
+    /**
+     * Update the annotation guideline for the given project
+     *
+     * @api {post} projects/:pid/annotation-guideline Update the annotation guideline for the given project
+     * @apiGroup Projects
+     * @apiName AnnotationGuideline
+     * @apiParam {Number} id The Project ID
+     * @apiParam {String} description A description on how to annotate the guideline
+     * @apiPermission projectAdmin
+     * @apiDescription Edit the annotation guideline associated with the given ID
+     *
+     * @param int $id Project ID
+     */
+    public function update(Request $request, int $id)
+    {
+        $request->validate([
+            'description' => 'nullable|string|min:1',
+        ]);
+
+        $project = Project::findOrFail($id);
+        $this->authorize('update', $project);
+
+        AnnotationGuideline::updateOrCreate(
+            ['project' => $project->id],
+            ['description' =>  $request->description]
+        );
+
+    }
+
+    /**
+     * Delete the annotation guideline for the given project
+     *
+     * @api {delete} projects/:pid/annotation-guideline Delete the annotation guideline for the given project
+     * @apiGroup Projects
+     * @apiName AnnotationGuideline
+     * @apiParam {Number} id The Project ID
+     * @apiPermission projectAdmin
+     * @apiDescription Delete the annotation guideline associated with the given ID
+     */
+    public function delete(Request $request)
+    {
+        $project = Project::findOrFail($request->id);
+        $this->authorize('update', $project);
+        $annotationGuideline = AnnotationGuideline::where(['project'=> $project->id])->firstOrFail();
+        $annotationGuideline->delete();
+
+        //Cleanup the directory
+        $disk = Storage::disk(config('projects.annotation_guideline_storage_disk'));
+        $url = "$project->id/";
+        if ($disk->exists($url)) {
+            $disk->deleteDirectory($url);
+        }
+    }
+}
diff --git a/app/Http/Controllers/Api/Projects/AnnotationGuidelineLabelController.php b/app/Http/Controllers/Api/Projects/AnnotationGuidelineLabelController.php
new file mode 100644
index 000000000..f79d4e305
--- /dev/null
+++ b/app/Http/Controllers/Api/Projects/AnnotationGuidelineLabelController.php
@@ -0,0 +1,128 @@
+<?php
+
+namespace Biigle\Http\Controllers\Api\Projects;
+
+use Biigle\AnnotationGuideline;
+use Biigle\AnnotationGuidelineLabel;
+use Biigle\Http\Controllers\Api\Controller;
+use Biigle\Http\Requests\StoreAnnotationGuidelineLabel;
+use Biigle\Label;
+use Biigle\Project;
+use Biigle\Shape;
+use Illuminate\Http\Request;
+use Storage;
+
+class AnnotationGuidelineLabelController extends Controller
+{
+    /**
+     * Update the label within an annotation guideline.
+     * @api {post} projects/:id/annotation-guideline-label Update the guideline for labels within an annotation guideline
+     * @apiGroup Projects
+     * @apiName UpdateAnnotationGuidelineLabel
+     * @apiPermission projectAdmin
+     *
+     * @apiParam {Integer} id THe ID of the project for the annotation guideline for the labels
+     * @apiParam {Integer} label The ID for the label for the annotation guideline
+     * @apiParam {Integer} shape (optional) The ID for the preferred shape for the label in the annotation guideline
+     * @apiParam {String} description (optional) A description of the label
+     * @apiParam {File} reference_image (optional) The reference image for the label
+     *
+     */
+    public function update(StoreAnnotationGuidelineLabel $request)
+    {
+
+        $projectId = $request->project->id;
+        $annotationGuideline = AnnotationGuideline::where(['project' => $projectId])->firstOrFail();
+        $validated = $request->validated();
+
+        $labelId = $validated['label'];
+        $label = Label::findOrFail($labelId);
+
+        $shapeId = $validated['shape'] ?? null;
+        if (!is_null($shapeId)) {
+            $shapeId = Shape::findOrFail($shapeId)->id;
+        }
+
+        $description = $validated['description'] ?? null;
+        $referenceImage = $validated['reference_image'] ?? null;
+
+        $disk = Storage::disk(config('projects.annotation_guideline_storage_disk'));
+
+        $hasReferenceImage = !is_null($referenceImage);
+        if ($hasReferenceImage) {
+            $disk->putFileAs("$projectId", $referenceImage, "$label->id.jpg");
+        }
+
+        //If image already exists, avoid problems
+        $imageExists = $disk->exists("$projectId/$label->id.jpg");
+        AnnotationGuidelineLabel::updateOrCreate(
+            [
+                'annotation_guideline' => $annotationGuideline->id,
+                'label' => $label->id,
+            ],
+            [
+                'shape' => $shapeId,
+                'description' => $description,
+                'reference_image' => $imageExists,
+            ]
+        );
+    }
+
+    /**
+     * Delete a label from a guideline.
+     *
+     * @api {delete} projects/:id/annotation-guideline-labels/delete-image Delete a reference image
+     * @apiGroup Projects
+     * @apiName DeleteReferenceImage
+     * @apiPermission projectAdmin
+     *
+     * @apiParam {Integer} id The ID of the project for the annotation guideline for the labels
+     *
+     */
+    public function delete(Request $request)
+    {
+        $project = Project::findOrFail($request->id);
+        $label = Label::findOrFail($request->label);
+        $annotationGuideline = AnnotationGuideline::where(['project' => $project->id])->firstOrFail();
+        $annotationGuidelineLabel = $annotationGuideline->guidelineLabels()->where(['label' => $label->id])->firstOrFail();
+
+        $this->authorize('update', $project);
+
+        $annotationGuidelineLabel->delete();
+
+        $disk = Storage::disk(config('projects.annotation_guideline_storage_disk'));
+        $url = "$project->id/$label->id.jpg";
+        if ($disk->exists($url)) {
+            $disk->delete($url);
+        }
+    }
+
+    /**
+     * Delete a reference image.
+     *
+     * @api {delete} projects/:id/annotation-guideline-labels/delete-image Delete a reference image
+     * @apiGroup Projects
+     * @apiName DeleteReferenceImage
+     * @apiPermission projectAdmin
+     *
+     * @apiParam {Integer} id The ID of the project for the annotation guideline for the labels
+     *
+     */
+    public function deleteReferenceImage(Request $request)
+    {
+        $project = Project::findOrFail($request->id);
+        $label = Label::findOrFail($request->label);
+        $annotationGuideline = AnnotationGuideline::where(['project' => $project->id])->firstOrFail();
+        $annotationGuidelineLabel = $annotationGuideline->guidelineLabels()->where(['label' => $label->id])->firstOrFail();
+
+        $this->authorize('update', $project);
+
+        $annotationGuidelineLabel->update(['reference_image' => false]);
+
+        $disk = Storage::disk(config('projects.annotation_guideline_storage_disk'));
+        $url = "$project->id/$label->id.jpg";
+        if ($disk->exists($url)) {
+            $disk->delete($url);
+        }
+    }
+}
diff --git a/app/Http/Controllers/Views/Projects/AnnotationGuidelineController.php b/app/Http/Controllers/Views/Projects/AnnotationGuidelineController.php
new file mode 100644
index 000000000..b50e921a4
--- /dev/null
+++ b/app/Http/Controllers/Views/Projects/AnnotationGuidelineController.php
@@ -0,0 +1,85 @@
+<?php
+
+namespace Biigle\Http\Controllers\Views\Projects;
+
+use Biigle\AnnotationGuideline;
+use Biigle\Http\Controllers\Views\Controller;
+use Biigle\Project;
+use Biigle\Shape;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+
+class AnnotationGuidelineController extends Controller
+{
+    /**
+     * Shows the annotation guideline page for the project.
+     *
+     * @param Request $request
+     * @param int $id Id of the project
+     *
+     * @return \Illuminate\Http\RedirectResponse|\Illuminate\View\View
+     */
+    public function show(Request $request, int $id)
+    {
+        $project = Project::findOrFail($id);
+        $user = $request->user();
+
+        if (!$user->can('sudo')) {
+            $this->authorize('access', $project);
+        }
+
+        $userProject = $request->user()->projects()->where('id', $id)->first();
+        $isMember = $userProject !== null;
+        $isPinned = $isMember && $userProject->getRelationValue('pivot')->pinned;
+        $canPin = $isMember && 3 > $request->user()
+            ->projects()
+            ->wherePivot('pinned', true)
+            ->count();
+
+        $annotationGuideline = AnnotationGuideline::where(['project' => $id])->first();
+
+        $isAdmin = $user->can('update', $project);
+
+        $labelTrees = $project->labelTrees()->with('labels', 'version')->get();
+
+        $shapes = Shape::pluck('name', 'id');
+
+        if (!$annotationGuideline) {
+            if ($isAdmin) {
+                return view('projects.show.annotation-guideline', [
+                    'project' => $project,
+                    'user' => $user,
+                    'annotationGuideline' => [],
+                    'annotationGuidelineLabels' => [],
+                    'isMember' => $isMember,
+                    'isAdmin' => $isAdmin,
+                    'isPinned' => $isPinned,
+                    'canPin' => $canPin,
+                    'activeTab' => 'guideline',
+                    'labelTrees' => $labelTrees,
+                    'availableShapes' => $shapes,
+                ]);
+            }
+            abort(Response::HTTP_NOT_FOUND);
+        }
+
+        $annotationGuidelineLabels = $annotationGuideline->guidelineLabels()
+            ->with('label')
+            ->get()
+            ->toArray();
+
+        return view('projects.show.annotation-guideline', [
+            'project' => $project,
+            'annotationGuideline' => $annotationGuideline->toArray(),
+            'annotationGuidelineLabels' => $annotationGuidelineLabels,
+            'user' => $user,
+            'isMember' => $isMember,
+            'isAdmin' => $isAdmin,
+            'isPinned' => $isPinned,
+            'canPin' => $canPin,
+            'activeTab' => 'guideline',
+            'labelTrees' => $labelTrees,
+            'availableShapes' => $shapes,
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/Views/Projects/ProjectLabelTreeController.php b/app/Http/Controllers/Views/Projects/ProjectLabelTreeController.php
index e9e89276b..6b9cea4e5 100644
--- a/app/Http/Controllers/Views/Projects/ProjectLabelTreeController.php
+++ b/app/Http/Controllers/Views/Projects/ProjectLabelTreeController.php
@@ -2,6 +2,7 @@
 
 namespace Biigle\Http\Controllers\Views\Projects;
 
+use Biigle\AnnotationGuideline;
 use Biigle\Http\Controllers\Views\Controller;
 use Biigle\Project;
 use Illuminate\Http\Request;
@@ -32,6 +33,8 @@ public function show(Request $request, $id)
             ->wherePivot('pinned', true)
             ->count();
 
+        $annotationGuideline = AnnotationGuideline::where('project', $project->id)->first();
+
         return view('projects.show.label-trees', [
             'project' => $project,
             'isMember' => $isMember,
@@ -39,6 +42,7 @@ public function show(Request $request, $id)
             'canPin' => $canPin,
             'activeTab' => 'label-trees',
             'labelTrees' => $labelTrees,
+            'annotationGuideline' => $annotationGuideline,
         ]);
     }
 }
diff --git a/app/Http/Controllers/Views/Projects/ProjectReportsController.php b/app/Http/Controllers/Views/Projects/ProjectReportsController.php
index f3b891190..e9707ed5f 100644
--- a/app/Http/Controllers/Views/Projects/ProjectReportsController.php
+++ b/app/Http/Controllers/Views/Projects/ProjectReportsController.php
@@ -2,6 +2,7 @@
 
 namespace Biigle\Http\Controllers\Views\Projects;
 
+use Biigle\AnnotationGuideline;
 use Biigle\Http\Controllers\Views\Controller;
 use Biigle\Modules\MetadataIfdo\IfdoParser;
 use Biigle\Project;
@@ -59,6 +60,8 @@ protected function show(Request $request, $id)
             }
         }
 
+        $annotationGuideline = AnnotationGuideline::where('project', $project->id)->first();
+
         return view('projects.reports', [
             'project' => $project,
             'isMember' => $isMember,
@@ -71,6 +74,7 @@ protected function show(Request $request, $id)
             'hasVideoVolume' => $hasVideoVolume,
             'labelTrees' => $labelTrees,
             'hasIfdos' => $hasIfdos,
+            'annotationGuideline' => $annotationGuideline,
         ]);
     }
 }
diff --git a/app/Http/Controllers/Views/Projects/ProjectStatisticsController.php b/app/Http/Controllers/Views/Projects/ProjectStatisticsController.php
index 05937e519..d065b8109 100644
--- a/app/Http/Controllers/Views/Projects/ProjectStatisticsController.php
+++ b/app/Http/Controllers/Views/Projects/ProjectStatisticsController.php
@@ -2,6 +2,7 @@
 
 namespace Biigle\Http\Controllers\Views\Projects;
 
+use Biigle\AnnotationGuideline;
 use Biigle\Http\Controllers\Views\Controller;
 use Biigle\Image;
 use Biigle\MediaType;
@@ -37,6 +38,7 @@ public function show(Request $request, $id)
             ->orderBy('created_at', 'desc')
             ->get();
 
+        $annotationGuideline = AnnotationGuideline::where('project', $project->id)->first();
 
         $totalImages = Image::whereIn('images.volume_id', fn ($query) => $query->select('volume_id')
             ->from('project_volume')
@@ -58,6 +60,7 @@ public function show(Request $request, $id)
             ->where('media_type_id', MediaType::videoId())
             ->get();
 
+
         return view('projects.show.statistics', [
             'project' => $project,
             'isMember' => $isMember,
@@ -65,6 +68,7 @@ public function show(Request $request, $id)
             'canPin' => $canPin,
             'activeTab' => 'charts',
             'volumes' => $volumes,
+            'annotationGuideline' => $annotationGuideline,
             // IMAGES
             'annotatedImages' => $imageVolumeStatistics['annotatedFiles'],
             'annotationLabels' => $imageVolumeStatistics['annotationLabels'],
diff --git a/app/Http/Controllers/Views/Projects/ProjectUserController.php b/app/Http/Controllers/Views/Projects/ProjectUserController.php
index d05475897..fc6aeb119 100644
--- a/app/Http/Controllers/Views/Projects/ProjectUserController.php
+++ b/app/Http/Controllers/Views/Projects/ProjectUserController.php
@@ -2,6 +2,7 @@
 
 namespace Biigle\Http\Controllers\Views\Projects;
 
+use Biigle\AnnotationGuideline;
 use Biigle\Http\Controllers\Views\Controller;
 use Biigle\Project;
 use Biigle\Role;
@@ -48,6 +49,8 @@ public function show(Request $request, $id)
             ->wherePivot('pinned', true)
             ->count();
 
+        $annotationGuideline = AnnotationGuideline::where('project', $project->id)->first();
+
         return view('projects.show.members', [
             'project' => $project,
             'isMember' => $isMember,
@@ -57,6 +60,7 @@ public function show(Request $request, $id)
             'roles' => $roles,
             'members' => $members,
             'invitations' => $project->invitations,
+            'annotationGuideline' => $annotationGuideline,
         ]);
     }
 }
diff --git a/app/Http/Controllers/Views/Projects/ProjectsController.php b/app/Http/Controllers/Views/Projects/ProjectsController.php
index a294f00b6..f411eb338 100644
--- a/app/Http/Controllers/Views/Projects/ProjectsController.php
+++ b/app/Http/Controllers/Views/Projects/ProjectsController.php
@@ -2,6 +2,7 @@
 
 namespace Biigle\Http\Controllers\Views\Projects;
 
+use Biigle\AnnotationGuideline;
 use Biigle\Http\Controllers\Views\Controller;
 use Biigle\Project;
 use Illuminate\Http\Request;
@@ -59,6 +60,7 @@ protected function show(Request $request, $id)
             ->projects()
             ->wherePivot('pinned', true)
             ->count();
+        $annotationGuideline = AnnotationGuideline::where(['project' => $id])->first();
 
         return view('projects.show.volumes', [
             'project' => $project,
@@ -67,6 +69,7 @@ protected function show(Request $request, $id)
             'canPin' => $canPin,
             'activeTab' => 'volumes',
             'volumes' => $volumes,
+            'annotationGuideline' => $annotationGuideline,
         ]);
     }
 }
diff --git a/app/Http/Requests/StoreAnnotationGuidelineLabel.php b/app/Http/Requests/StoreAnnotationGuidelineLabel.php
new file mode 100644
index 000000000..428e0a290
--- /dev/null
+++ b/app/Http/Requests/StoreAnnotationGuidelineLabel.php
@@ -0,0 +1,50 @@
+<?php
+namespace Biigle\Http\Requests;
+
+use Biigle\Project;
+use Biigle\User;
+use Illuminate\Foundation\Http\FormRequest;
+
+class StoreAnnotationGuidelineLabel extends FormRequest
+{
+    /**
+     * The project of the annotation guideline
+     *
+     * @var Project
+     */
+    public $project;
+
+    /**
+     * The user making the request.
+     *
+     * @var User
+     */
+    public $user;
+
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        $this->project = Project::findOrFail($this->route('id'));
+
+        return $this->user()->can('update', $this->project);
+    }
+
+    /**
+     * The rules that the request should follow
+     *
+     * @return array
+     */
+    public function rules(): array
+    {
+        return [
+            'label' => ['required', 'integer'],
+            'description' => ['nullable', 'string'],
+            'shape' => ['nullable', 'integer'],
+            'reference_image' => ['nullable', 'file', 'mimes:jpg,png,webp', 'max:5120', 'dimensions:max_width=300,max_height=300'],
+        ];
+    }
+}
diff --git a/config/filesystems.php b/config/filesystems.php
index 6b5ba1901..eba76a618 100644
--- a/config/filesystems.php
+++ b/config/filesystems.php
@@ -14,9 +14,7 @@
     | Supported: "local", "ftp", "sftp", "s3"
     |
     */
-
     'default' => env('FILESYSTEM_DISK', env('FILESYSTEM_DRIVER', 'local')),
-
     /*
     |--------------------------------------------------------------------------
     | Filesystem Disks
@@ -95,6 +93,13 @@
             'url' => env('APP_URL').'/storage/largo-patches',
             'visibility' => 'public',
         ],
+
+        'annotation-guideline' => [
+            'driver' => 'local',
+            'root' => storage_path('app/public/annotation-guideline-reference-images'),
+            'url' => env('APP_URL').'/storage/annotation-guideline-reference-images',
+            'visibility' => 'public',
+        ],
     ],
 
     /*
diff --git a/database/migrations/2026_03_02_103908_create_annotation_guideline_tables.php b/database/migrations/2026_03_02_103908_create_annotation_guideline_tables.php
new file mode 100644
index 000000000..2e7793521
--- /dev/null
+++ b/database/migrations/2026_03_02_103908_create_annotation_guideline_tables.php
@@ -0,0 +1,55 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('annotation_guidelines', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('project')
+                ->constrained()
+                ->onDelete('cascade');
+            $table->unique('project');
+            $table->text('description')
+                ->nullable(true);
+        });
+
+        Schema::create('annotation_guideline_labels', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('annotation_guideline')
+                ->constrained()
+                ->onDelete('cascade');
+
+            $table->foreignId('label')
+                ->constrained()
+                ->onDelete('cascade');
+
+            $table->foreignId('shape')
+                ->nullable(true)
+                ->constrained()
+                ->onDelete('set null');
+
+            $table->text('description')
+                ->nullable(true);
+
+            $table->boolean('reference_image');
+
+            $table->unique(['annotation_guideline', 'label']);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('annotation_guideline_labels');
+        Schema::dropIfExists('annotation_guidelines');
+    }
+};
diff --git a/resources/assets/js/label-trees/components/labelTree.vue b/resources/assets/js/label-trees/components/labelTree.vue
index 13f5f5f4c..8388976c4 100644
--- a/resources/assets/js/label-trees/components/labelTree.vue
+++ b/resources/assets/js/label-trees/components/labelTree.vue
@@ -43,6 +43,8 @@
                 :flat="flat"
                 :showFavouriteShortcuts="showFavouriteShortcuts"
                 :position="index"
+                :labels-in-guideline="labelsInGuideline"
+                :filter-by-guideline="filterByGuideline"
                 @select="emitSelect"
                 @deselect="emitDeselect"
                 @save="emitSave"
@@ -149,6 +151,14 @@ export default {
             type: Boolean,
             default: false,
         },
+        labelsInGuideline: {
+            type: Set,
+            default: () => new Set(),
+        },
+        filterByGuideline: {
+            type: Boolean,
+            default: false,
+        },
     },
     computed: {
         labelMap() {
@@ -186,11 +196,23 @@ export default {
                         label.open = false;
                     }
                 });
+
+                const hasChildrenInGuideline = (children) => {
+                    return children?.some(child => this.labelsInGuideline.has(child.id) || hasChildrenInGuideline(child.children));
+                };
+
+                this.labels.forEach(function (label) {
+                    label.childrenInGuideline = hasChildrenInGuideline(label.children);
+                });
             }
 
             return compiled;
         },
         rootLabels() {
+            if (this.filterByGuideline) {
+                return this.compiledLabels[null]?.filter(label => this.labelsInGuideline.has(label.id) || label.childrenInGuideline);
+            }
+
             return this.compiledLabels[null];
         },
         collapseTitle() {
@@ -385,7 +407,7 @@ export default {
     },
     created() {
         // Set the reactive label properties
-        this.labels.forEach(function (label) {
+        this.labels.forEach((label) => {
             if (!label.hasOwnProperty('open')) {
                 label.open = false;
             }
diff --git a/resources/assets/js/label-trees/components/labelTreeLabel.vue b/resources/assets/js/label-trees/components/labelTreeLabel.vue
index 5f19b4abf..1a4d82e45 100644
--- a/resources/assets/js/label-trees/components/labelTreeLabel.vue
+++ b/resources/assets/js/label-trees/components/labelTreeLabel.vue
@@ -1,6 +1,6 @@
 <template>
-    <li class="label-tree-label" :class="classObject">
-        <div class="label-tree-label__name" @click="toggleOpen" @mouseover="doHover" @mouseleave="dontHover">
+    <li v-show="!shouldBeFilteredByGuideline" class="label-tree-label" :class="classObject">
+        <div class="label-tree-label__name" :class="nameClass" @click="toggleOpen" @mouseover="doHover" @mouseleave="dontHover">
             <span v-if="editing">
                 <input type="color" class="form-control input-sm label-tree-color-input" v-model="newColor" />
                 <input type="text" v-model="newName" v-on:keydown.enter="saveThis" class="form-control input-sm label-tree-label__name-input">
@@ -16,6 +16,7 @@
                     <span class="fa fa-keyboard" aria-hidden="true"></span>
                     <span v-text="actualPosition"></span>
                 </span>
+                <i v-if="showGuidelineIcon" class="fa fa-fw fa-clipboard-list" title="This label is included in an annotation guideline"></i>
                 <button v-if="showFavourites" type="button" class="label-tree-label__favourite" :class="favouriteClass" @click.stop="toggleFavourite" :title="favouriteTitle">
                     <span class="fa fa-star" aria-hidden="true"></span>
                 </button>
@@ -28,7 +29,21 @@
             </span>
         </div>
         <ul v-if="expandable && label.open" class="label-tree__list">
-            <label-tree-label :key="child.id" :label="child" :editable="editable" :show-favourites="showFavourites" v-for="child in label.children" @select="emitSelect" @deselect="emitDeselect" @save="emitSave" @delete="emitDelete" @add-favourite="emitAddFavourite" @remove-favourite="emitRemoveFavourite"></label-tree-label>
+            <label-tree-label
+                v-for="child in filteredChildren"
+                :key="child.id"
+                :label="child"
+                :editable="editable"
+                :show-favourites="showFavourites"
+                :labels-in-guideline="labelsInGuideline"
+                :filter-by-guideline="filterByGuideline"
+                @select="emitSelect"
+                @deselect="emitDeselect"
+                @save="emitSave"
+                @delete="emitDelete"
+                @add-favourite="emitAddFavourite"
+                @remove-favourite="emitRemoveFavourite"
+                ></label-tree-label>
         </ul>
     </li>
 </template>
@@ -83,9 +98,17 @@ export default {
             type: Boolean,
             default: false,
         },
-        position:{
+        position: {
             type: Number,
-            default:-1,
+            default: -1,
+        },
+        labelsInGuideline: {
+            type: Set,
+            default: () => new Set(),
+        },
+        filterByGuideline: {
+            type: Boolean,
+            default: false,
         },
     },
     computed: {
@@ -120,6 +143,11 @@ export default {
                 'selected': this.label.favourite,
             };
         },
+        nameClass() {
+            return {
+                'text-muted': this.hasGuideline && !this.isInGuideline,
+            };
+        },
         favouriteTitle() {
             return (this.label.favourite ? 'Remove' : 'Add') + ' as favourite';
         },
@@ -130,14 +158,33 @@ export default {
             return 'Remove label ' + this.label.name;
         },
         expandable() {
-            return !this.flat && !!this.label.children;
+            return !this.flat && (this.filteredChildren && this.filteredChildren.length > 0);
         },
         showEditButton() {
             return this.editable && this.hover && !this.editing;
         },
         actualPosition() {
             return (this.position + 1) % MAX_FAVOURITES;
-        }
+        },
+        hasGuideline() {
+            return this.labelsInGuideline.size > 0;
+        },
+        isInGuideline() {
+            return this.labelsInGuideline.has(this.label.id);
+        },
+        shouldBeFilteredByGuideline() {
+            return this.filterByGuideline && !this.isInGuideline && !this.label.childrenInGuideline;
+        },
+        showGuidelineIcon() {
+            return this.hasGuideline && this.isInGuideline && !this.filterByGuideline
+        },
+        filteredChildren() {
+            if (this.filterByGuideline) {
+                return this.label.children?.filter(child => this.labelsInGuideline.has(child.id) || child.childrenInGuideline);
+            }
+
+            return this.label.children;
+        },
     },
     methods: {
         toggleSelect(e) {
diff --git a/resources/assets/js/label-trees/components/labelTrees.vue b/resources/assets/js/label-trees/components/labelTrees.vue
index e726f1672..3a9e2933a 100644
--- a/resources/assets/js/label-trees/components/labelTrees.vue
+++ b/resources/assets/js/label-trees/components/labelTrees.vue
@@ -21,18 +21,30 @@
                 :items="labels"
                 @select="handleSelect"
                 ></typeahead>
+            <button
+                v-if="hasGuideline"
+                @click="toggleFilterLabelsByGuideline"
+                class="btn btn-default"
+                :class="filterByGuidelineClass"
+                title="Show only labels in guideline"
+                type="button"
+                >
+                <span class="fa fa-clipboard-list fa-fw" aria-hidden="true"></span>
+            </button>
         </div>
         <div class="label-trees__body">
             <label-tree
-                v-if="hasFavourites"
+                v-if="hasFilteredFavourites"
                 name="Favourites"
-                :labels="favourites"
+                :labels="filteredFavourites"
                 :show-favourites="showFavourites"
                 :showMoveButtonUp="false"
                 :showMoveButtonDown="false"
                 :flat="true"
                 :showFavouriteShortcuts="true"
                 :collapsible="collapsible"
+                :labels-in-guideline="labelsInGuidelineSet"
+                :filter-by-guideline="filterByGuideline"
                 @select="handleSelect"
                 @deselect="handleDeselect"
                 @remove-favourite="handleRemoveFavourite"
@@ -49,6 +61,8 @@
                 :allow-select-children="allowSelectChildren"
                 :show-favourites="showFavourites"
                 :collapsible="collapsible"
+                :labels-in-guideline="labelsInGuidelineSet"
+                :filter-by-guideline="filterByGuideline"
                 @select="handleSelect"
                 @deselect="handleDeselect"
                 @add-favourite="handleAddFavourite"
@@ -89,6 +103,7 @@ export default {
             favourites: [],
             customOrder: [],
             sortable: true,
+            filterByGuidelineInternal: false,
         };
     },
     props: {
@@ -146,6 +161,14 @@ export default {
             type: Array,
             default: undefined,
         },
+        labelsInGuideline: {
+            type: Array,
+            default: () => [],
+        },
+        enforceGuideline: {
+            type: Boolean,
+            default: false,
+        },
     },
     computed: {
         customOrderStorageKeys() {
@@ -163,6 +186,12 @@ export default {
 
             return false;
         },
+        labelsInGuidelineSet() {
+            return new Set(this.labelsInGuideline);
+        },
+        hasGuideline() {
+            return this.labelsInGuidelineSet.size > 0;
+        },
         // All labels of all label trees in a flat, sorted list.
         labels() {
             let labels = [];
@@ -170,8 +199,12 @@ export default {
                 Array.prototype.push.apply(labels, tree.labels);
             });
 
+            if (this.filterByGuideline) {
+                labels = labels.filter(label => this.labelsInGuidelineSet.has(label.id));
+            }
+
             if (this.localeCompareSupportsLocales) {
-                // Use this to sort label names "natuarally". This is only supported in
+                // Use this to sort label names "naturally". This is only supported in
                 // modern browsers, though.
                 let collator = new Intl.Collator(undefined, {numeric: true, sensitivity: 'base'});
                 labels.sort(function (a, b) {
@@ -191,9 +224,19 @@ export default {
         canHaveMoreFavourites() {
             return this.favourites.length < MAX_FAVOURITES;
         },
+        filteredFavourites() {
+            if (this.filterByGuideline) {
+                return this.favourites.filter(label => this.labelsInGuidelineSet.has(label.id));
+            }
+
+            return this.favourites;
+        },
         hasFavourites() {
             return this.favourites.length > 0;
         },
+        hasFilteredFavourites() {
+            return this.filteredFavourites.length > 0;
+        },
         ownId() {
             if (this.id) {
                 return this.id;
@@ -215,7 +258,15 @@ export default {
         },
         treeIds() {
             return this.trees.map(tree => tree.id);
-        }
+        },
+        filterByGuideline() {
+            return this.filterByGuidelineInternal && this.hasGuideline;
+        },
+        filterByGuidelineClass() {
+            return {
+                'active btn-info': this.filterByGuideline,
+            };
+        },
     },
     methods: {
         handleSelect(label, e) {
@@ -257,8 +308,8 @@ export default {
             }
         },
         selectFavourite(index) {
-            if (this.favourites[index]) {
-                this.handleSelect(this.favourites[index]);
+            if (this.filteredFavourites[index]) {
+                this.handleSelect(this.filteredFavourites[index]);
             }
         },
         on(key, fn) {
@@ -283,7 +334,10 @@ export default {
             this.customOrderStorageKeys.forEach(function (storageKey) {
                 localStorage.setItem(storageKey, JSON.stringify(newCustomOrder));
             });
-        }
+        },
+        toggleFilterLabelsByGuideline() {
+            this.filterByGuidelineInternal = !this.filterByGuidelineInternal;
+        },
     },
     watch: {
         trees: {
diff --git a/resources/assets/js/projects/annotationGuidelineContainer.vue b/resources/assets/js/projects/annotationGuidelineContainer.vue
new file mode 100644
index 000000000..a9375d9ca
--- /dev/null
+++ b/resources/assets/js/projects/annotationGuidelineContainer.vue
@@ -0,0 +1,9 @@
+<script>
+import AnnotationGuideline from "./components/annotation_guideline/annotationGuideline.vue";
+
+export default {
+    components: {
+        annotationGuideline: AnnotationGuideline
+    }
+};
+</script>
diff --git a/resources/assets/js/projects/api/annotationGuideline.js b/resources/assets/js/projects/api/annotationGuideline.js
new file mode 100644
index 000000000..0ca08c24d
--- /dev/null
+++ b/resources/assets/js/projects/api/annotationGuideline.js
@@ -0,0 +1,12 @@
+import {Resource} from 'vue-resource';
+
+/**
+ * Resource for project guideline.
+ *
+ * Create or update a guideline.
+ * resource.save({id: projectId, description: description}, {...}).then(...);
+ *
+ * Delete a guideline.
+ * resource.delete({id: projectId}).then(...);
+ */
+export default Resource('api/v1/projects{/id}/annotation-guideline')
diff --git a/resources/assets/js/projects/api/annotationGuidelineLabel.js b/resources/assets/js/projects/api/annotationGuidelineLabel.js
new file mode 100644
index 000000000..76b01c783
--- /dev/null
+++ b/resources/assets/js/projects/api/annotationGuidelineLabel.js
@@ -0,0 +1,19 @@
+import {Resource} from 'vue-resource';
+
+/**
+ * Resource for the labels within annotation guidelines.
+ *
+ * Create or update a label in a guideline.
+ * resource.save({id: projectId}, {description: description, label: label, reference_image: reference_image}).then(...);
+ *
+ * Delete a reference image
+ * resource.delete_image({id: projectId}, {label: labelId).then(...);
+ *
+ *
+ */
+export default Resource('api/v1/projects{/id}/annotation-guideline-label',{}, {
+    delete_image: {
+        method: 'DELETE',
+        url: 'api/v1/projects{/id}/annotation-guideline-label/delete-image',
+    }
+})
diff --git a/resources/assets/js/projects/components/annotation_guideline/annotationGuideline.vue b/resources/assets/js/projects/components/annotation_guideline/annotationGuideline.vue
new file mode 100644
index 000000000..31da4c0c9
--- /dev/null
+++ b/resources/assets/js/projects/components/annotation_guideline/annotationGuideline.vue
@@ -0,0 +1,300 @@
+<template>
+    <div>
+        <h3>
+            <span v-if="creating">Create </span>Annotation Guideline
+            <a
+                class="btn"
+                href="/manual/tutorials/projects/about#annotation-guideline"
+                title="Learn more about annotation guidelines"
+                target="_blank">
+                <i class="fa fa-question-circle">
+                </i>
+            </a>
+        </h3>
+        <div class="row">
+            <div class="col-xs-6">
+                <span>
+                    <h4>Description</h4>
+                </span>
+            </div>
+            <div class="col-xs-6">
+                <span v-if="isAdmin" class="top-bar pull-right">
+                    <span v-if="editingMode">
+                        <button
+                            class="btn btn-success btn-sm"
+                            type="button"
+                            @click="updateAnnotationGuideline"
+                            title="Save annotation guideline"
+                        >
+                            <span class="fa fa-check"></span>
+                            Save guideline
+                        </button>
+                        <span v-if="!creating">
+                            <button
+                                class="btn btn-danger btn-sm"
+                                type="submit"
+                                @click="deleteAnnotationGuideline"
+                                title="Delete the annotation guideline"
+                            >
+                                <span class="fa fa-trash" aria-hidden="true"></span>
+                                Delete guideline
+                            </button>
+                        </span>
+                    </span>
+                    <span v-else>
+                        <button
+                            class="btn btn-default btn-sm"
+                            type="button"
+                            @click="setEditing"
+                            title="Edit the guideline"
+                        >
+                            <span class="fa fa-pen" aria-hidden="true"></span>
+                            Edit guideline
+                        </button>
+                    </span>
+                </span>
+            </div>
+        </div>
+        <div>
+            <div class="form-group">
+                <div
+                    v-if="editingMode || creating"
+                >
+                    <textarea
+                        v-model="annotationGuideline.description"
+                        class="guideline-description form-control"
+                        maxlength="2000"
+                        wrap="hard"
+                        placeholder="Edit the guideline description here..."
+                    ></textarea>
+                </div>
+                <div v-else>
+                    <p class="guideline-description-text well">
+                        {{ annotationGuideline.description }}
+                    </p>
+                </div>
+            </div>
+            <div  v-if="hasLabelTrees">
+                    <annotation-guideline-label
+                        :annotation-guideline-labels="annotationGuidelineLabels"
+                        :label-trees="labelTrees"
+                        :project-id="projectId"
+                        :available-shapes="availableShapes"
+                        :base-url="baseUrl"
+                        :is-admin="isAdmin"
+                        :editingMode="editingMode"
+                        :force-save-label="forceSaveLabel"
+                        @add-label="addLabel"
+                        @delete-label="deleteLabel"
+                        @editing="setMightHaveEdited"
+                    >
+                    </annotation-guideline-label>
+            </div>
+            <div v-else>
+                There are no label trees associated to this project. To add labels to the guideline, add label trees first.
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import AnnotationGuideline from '@/projects/api/annotationGuideline.js';
+import AnnotationGuidelineLabelApi from '@/projects/api/annotationGuidelineLabel.js';
+import AnnotationGuidelineLabel from './annotationGuidelineLabel.vue';
+import Messages from '@/core/messages/store.js';
+import LoaderMixin from '@/core/mixins/loader.vue';
+import { handleErrorResponse } from '@/core/messages/store.js';
+
+export default {
+    mixins: [LoaderMixin],
+    components: {
+        annotationGuidelineLabel: AnnotationGuidelineLabel,
+    },
+    props: {
+        isAdmin: {
+            type: Boolean,
+            required: true,
+        },
+    },
+    computed: {
+        creating() {
+            return Object.keys(this.annotationGuideline).length === 0;
+        },
+        hasLabelTrees() {
+            return this.labelTrees.length > 0;
+        },
+    },
+    watch: {
+        'annotationGuideline.description': "setMightHaveEdited",
+        'annotationGuidelineLabel': "setMightHaveEdited",
+    },
+    data() {
+        let shapes = {
+            '': 'None',
+            ...biigle.$require('projects.availableShapes'),
+        };
+        return {
+            editing: false,
+            projectId: biigle.$require('projects.project').id,
+            annotationGuideline: biigle.$require('projects.annotationGuideline'),
+            annotationGuidelineLabels: biigle.$require(
+                'projects.annotationGuidelineLabels',
+            ),
+            availableShapes: shapes,
+            baseUrl: biigle.$require(
+                'projects.annotationGuidelineLabelsBaseUrl',
+            ),
+            mightHaveEdited: false,
+            addingNewLabel: false,
+            editingMode: false,
+            labelTrees: biigle.$require('projects.labelTrees'),
+            forceSaveLabel: false,
+        };
+    },
+    created() {
+        if (this.isAdmin) {
+            window.addEventListener('beforeunload', (e) => {
+                if (this.mightHaveEdited) {
+                    e.preventDefault();
+                    e.returnValue = '';
+                    return 'This page is asking you to confirm that you want to leave — information you’ve entered may not be saved.';
+                }
+            });
+            if (this.creating) {
+                this.editingMode = true;
+            }
+        }
+    },
+    methods: {
+        setMightHaveEdited() {
+            this.mightHaveEdited = true;
+        },
+        refreshGuideline() {
+            this.startLoading();
+            AnnotationGuideline.get({ id: this.projectId }, {})
+                .then(
+                    (response) => this.setAnnotationGuideline(response.body),
+                    handleErrorResponse,
+                )
+                .finally(this.finishLoading);
+            this.mightHaveEdited = false;
+        },
+        setEditing() {
+            this.editingMode = true;
+        },
+        resetEditing() {
+            this.editingMode = false;
+            this.mightHaveEdited = false;
+            this.forceSaveLabel = false;
+        },
+        setAnnotationGuideline(responseBody) {
+            this.annotationGuideline = responseBody.annotation_guideline;
+            this.annotationGuidelineLabels =
+                responseBody.annotation_guideline_labels;
+            this.mightHaveEdited = false;
+        },
+        addLabel(annotationGuidelineLabel) {
+            let data = this.generateLabelUpdate(annotationGuidelineLabel);
+
+            //If the user tries to save a label before creating a guideline,
+            // we need to save the strategy first.
+            let createAnnotationGuideline = Promise.resolve("");
+            if (this.creating) {
+                createAnnotationGuideline = AnnotationGuideline.save(
+                    { id: this.projectId },
+                    { description: this.annotationGuideline.description },
+                )
+            }
+            this.startLoading()
+            createAnnotationGuideline
+                .then(
+                    () => AnnotationGuidelineLabelApi.save(
+                        { id: this.projectId },
+                        data,
+                    ),
+                    this.handleErrorResponse,
+                )
+                .then(() => this.sendSuccessMessage("Label"), this.handleErrorResponse)
+                .then(() => this.refreshGuideline())
+                .finally(this.finishLoading);
+        },
+        deleteLabel(id) {
+            let response = prompt(
+                `This will all the information about this label, including the image. Please enter 'delete' to confirm.`,
+            );
+
+            if (response !== 'delete') {
+                return;
+            }
+
+            AnnotationGuidelineLabelApi.delete({ id: this.projectId }, { label: id })
+                    .catch(this.handleErrorResponse);
+
+            const index = this.annotationGuidelineLabels.findIndex(
+                (agl) => agl.label.id == id,
+            );
+            if (index !== -1) {
+                this.annotationGuidelineLabels.splice(index, 1);
+            }
+        },
+        updateAnnotationGuideline() {
+            this.forceSaveLabel = true;
+
+            //Leave some time to save the label
+            setTimeout(
+                () => AnnotationGuideline.save(
+                    { id: this.projectId },
+                    { description: this.annotationGuideline.description },
+                )
+                .then(this.refreshGuideline)
+                .then(() => this.sendSuccessMessage("Guideline"))
+                .then(this.resetEditing)
+                .finally(this.finishLoading),
+                500
+            )
+        },
+        sendSuccessMessage(element) {
+            Messages.success(element + ' saved.');
+        },
+        generateLabelUpdate(agl) {
+            let formData = new FormData();
+
+            formData.append(`label`, agl.label.id);
+
+            //If not set to '', if undefined will be cast to string
+            formData.append(
+                `description`,
+                agl.description ? agl.description : ''
+            );
+
+            formData.append(
+                `shape`,
+                agl.shape ? agl.shape : '',
+            );
+            formData.append(
+                `reference_image`,
+                agl.reference_image ? agl.reference_image : '',
+            );
+            return formData;
+        },
+        deleteAnnotationGuideline() {
+            let response = prompt(
+                `This will delete the guideline for this project. Please enter 'delete' to confirm.`,
+            );
+
+            if (response !== 'delete') {
+                return;
+            }
+
+            this.mightHaveEdited = false;
+
+            AnnotationGuideline.delete({ id: this.projectId }, {}).then(
+                this.reloadPage,
+                handleErrorResponse,
+            );
+        },
+        reloadPage() {
+            setTimeout(() => location.reload(), 100);
+        },
+    },
+};
+</script>
diff --git a/resources/assets/js/projects/components/annotation_guideline/annotationGuidelineLabel.vue b/resources/assets/js/projects/components/annotation_guideline/annotationGuidelineLabel.vue
new file mode 100644
index 000000000..74a93c6d4
--- /dev/null
+++ b/resources/assets/js/projects/components/annotation_guideline/annotationGuidelineLabel.vue
@@ -0,0 +1,303 @@
+<template>
+    <div class="row annotation-guideline-label">
+        <div class="col-xs-4">
+            <label-trees
+                :trees="labelTrees"
+                :labelsInGuideline="labelsInGuideline"
+                @select="selectLabel"
+                @deselect="deselectLabel"
+            >
+            </label-trees>
+        </div>
+        <div class="col-xs-8">
+            <span
+                v-if="isAdmin && editingMode && label.id"
+                class="top-bar pull-right" >
+                <button
+                    class="btn btn-success btn-sm"
+                    type="button"
+                    @click="addAnnotationGuidelineLabel(false)"
+                    title="Save label in the guideline"
+                >
+                    <span class="fa fa-check" aria-hidden="true"></span>
+                    Save label
+                </button>
+                <span>
+                    <button
+                        class="btn btn-danger btn-sm"
+                        type="button"
+                        @click="deleteLabel"
+                        title="Delete this label from the guideline"
+                    >
+                        <span class="fa fa-times" aria-hidden="true"></span>
+                        Delete label
+                    </button>
+                </span>
+            </span>
+            <div v-if="displayLabelInfo" class="row">
+                <h4>
+                    <b>{{ label.name }}</b>
+                </h4>
+                <h4>Label description</h4>
+                <div v-if="isAdmin && editingMode">
+                    <textarea
+                        v-model="description"
+                        class="form-control guideline-description"
+                        maxlength="200"
+                        wrap="hard"
+                        placeholder="Describe how this label should be used..."
+                        @change="setWasEdited"
+                    ></textarea>
+                </div>
+                <div v-else>
+                    <span
+                        v-if="hasDescription"
+                        class="guideline-description-text"
+                        >{{ description }}</span
+                    >
+                    <span v-else>No description was provided</span>
+                </div>
+                <h4>Shape</h4>
+                <div v-if="isAdmin && editingMode">
+                    <select
+                        class="form-control"
+                        v-model="shape"
+                        title="Select shape"
+                        @change="setWasEdited"
+                    >
+                        <option
+                            v-for="(name, id) in availableShapes"
+                            :value="id"
+                            v-text="name"
+                        ></option>
+                    </select>
+                </div>
+                <div v-else>
+                    <span v-if="shape">
+                        <span class="btn control-button"
+                            ><i
+                                :class="`icon icon-white icon-${availableShapes[shape].toLowerCase()}`"
+                            ></i
+                        ></span>
+                        <span>{{ availableShapes[shape] }}</span>
+                    </span>
+                    <span v-else> No preferred shape was provided </span>
+                </div>
+                <annotation-guideline-label-image
+                    :base-url="baseUrl"
+                    :label-id="labelId"
+                    :project-id="projectId"
+                    :display-image="displayImage"
+                    :temporary-image="temporaryReferenceImageObject"
+                    :is-admin="isAdmin"
+                    :editable="editingMode"
+                    :refresh-count="refreshCount[labelId]"
+                    @reset-reference-image="resetReferenceImage"
+                    @add-image="addImage"
+                ></annotation-guideline-label-image>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import AnnotationGuidelineLabelImage from './annotationGuidelineLabelImage.vue';
+import AnnotationGuidelineLabelApi from '@/projects/api/annotationGuidelineLabel.js';
+import { handleErrorResponse } from '@/core/messages/store.js';
+import { resizeImage } from './resizeImage.js';
+import LoaderMixin from '@/core/mixins/loader.vue';
+import LabelTrees from '@/label-trees/components/labelTrees.vue';
+
+export default {
+    mixins: [LoaderMixin],
+    emits: ['add-label', 'delete-label', 'editing'],
+    components: {
+        annotationGuidelineLabelImage: AnnotationGuidelineLabelImage,
+        labelTrees: LabelTrees,
+    },
+    props: {
+        annotationGuidelineLabels: {
+            type: Array,
+            default: () => [],
+        },
+        editingMode: {
+            type: Boolean,
+            default: false,
+        },
+        availableShapes: {
+            type: Object,
+            required: true,
+        },
+        labelTrees: {
+            type: Array,
+            required: true,
+        },
+        projectId: {
+            type: Number,
+            required: true,
+        },
+        baseUrl: {
+            type: String,
+            required: true,
+        },
+        isAdmin: {
+            type: Boolean,
+            required: true,
+        },
+        // Used to force save the label if the annotationGuideline is saved
+        forceSaveLabel: {
+            type: Boolean,
+            required: true,
+        },
+    },
+    computed: {
+        temporaryReferenceImageObject() {
+            return this.temporaryImage
+                ? URL.createObjectURL(this.temporaryImage)
+                : false;
+        },
+        displayImage() {
+            return this.hasReferenceImage || this.temporaryReferenceImageObject;
+        },
+        labelId() {
+            return this.label.id ? this.label.id : -1;
+        },
+        labelsInGuideline() {
+            return this.annotationGuidelineLabels.map((agl) => agl.label.id);
+        },
+        hasDescription() {
+            return this.description && this.description.length !== 0;
+        },
+        displayLabelInfo() {
+            return (
+                (this.editingMode && this.label.id) ||
+                this.labelsInGuideline.includes(this.label.id)
+            );
+        },
+        currentAnnotationGuidelineLabel() {
+            let agl = {
+                label: this.label,
+            };
+            if (
+                this.label &&
+                this.annotationGuidelineLabels.filter(
+                    (agl) => agl.label.id == this.label.id,
+                )[0]
+            ) {
+                agl = this.annotationGuidelineLabels.filter(
+                    (agl) => agl.label.id == this.label.id,
+                )[0];
+            }
+            return agl;
+        },
+
+    },
+    watch: {
+        currentAnnotationGuidelineLabel: function (agl) {
+            this.label = agl.label;
+            //casting null to undefined
+            this.shape = agl.shape ?? '';
+            this.description = agl.description ?? '';
+            this.hasReferenceImage = agl.reference_image;
+            this.temporaryImage = false;
+            this.$emit('editing', false);
+        },
+        forceSaveLabel: function(value) {
+            if (value) {
+                this.addAnnotationGuidelineLabel(true);
+            }
+        },
+        temporaryImage: "setWasEdited",
+    },
+    data() {
+        return {
+            label: {},
+            shape: undefined,
+            description: '',
+            hasReferenceImage: false,
+            temporaryImage: false,
+            changingLabel: false,
+            refreshCount: {},
+            wasEdited: false,
+        };
+    },
+    methods: {
+        setWasEdited() {
+            if (this.editingMode && !this.changingLabel) {
+                this.wasEdited = true;
+                this.$emit('editing');
+            }
+        },
+        increaseRefreshCount(labelId) {
+            let labelRefreshCount = this.refreshCount[labelId] ?? 0
+            this.refreshCount[labelId] = labelRefreshCount + 1;
+        },
+        selectLabel(label) {
+            if (this.wasEdited) {
+                this.addAnnotationGuidelineLabel(true);
+            }
+            this.increaseRefreshCount(label.id);
+            this.label = label;
+            setTimeout(() => this.wasEdited = false);
+        },
+        deselectLabel() {
+            if (this.wasEdited) {
+                this.addAnnotationGuidelineLabel(true);
+            }
+            this.label = {};
+            setTimeout(() => this.wasEdited = false);
+        },
+        addAnnotationGuidelineLabel(automaticSave) {
+            // Avoid accidental save, a label without any info is allowed only voluntarily
+            if (
+                automaticSave &&
+                !this.shape &&
+                !this.description &&
+                !this.temporaryReferenceImageObject)
+            {
+                return;
+            }
+            let image = this.temporaryImage ? this.temporaryImage : null;
+
+            if (this.labelId > 0) {
+                this.$emit('add-label', {
+                    label: this.label,
+                    shape: this.shape,
+                    description: this.description,
+                    reference_image: image,
+                });
+            }
+            this.wasEdited = false;
+        },
+        deleteLabel() {
+            this.$emit('delete-label', this.label.id);
+            this.wasEdited = false;
+            this.deselectLabel();
+        },
+        addImage(file) {
+            this.startLoading();
+            resizeImage(file)
+                .then((image) => this.setImage(image))
+                .finally(this.finishLoading);
+            this.increaseRefreshCount(this.labelId);
+        },
+        setImage(image) {
+            this.temporaryImage = image;
+        },
+        resetImage() {
+            this.temporaryImage = false;
+            this.hasReferenceImage = false;
+            this.$emit('editing');
+            this.increaseRefreshCount(this.labelId);
+        },
+        resetReferenceImage() {
+            this.startLoading();
+            AnnotationGuidelineLabelApi.delete_image(
+                { id: this.projectId },
+                { label: this.label.id },
+            )
+                .then(this.resetImage, handleErrorResponse)
+                .finally(this.finishLoading);
+        },
+    },
+};
+</script>
diff --git a/resources/assets/js/projects/components/annotation_guideline/annotationGuidelineLabelImage.vue b/resources/assets/js/projects/components/annotation_guideline/annotationGuidelineLabelImage.vue
new file mode 100644
index 000000000..f87b1afbd
--- /dev/null
+++ b/resources/assets/js/projects/components/annotation_guideline/annotationGuidelineLabelImage.vue
@@ -0,0 +1,102 @@
+<template>
+    <h4>Reference Image</h4>
+    <div v-if="displayImage">
+        <img
+            :src="getImageUrl"
+            class="reference-image"
+        />
+        <span v-if="isAdmin && editable">
+            <button
+                class="btn btn-danger"
+                @click="deleteImage"
+                title="Remove this image"
+            >
+                <span class="fa fa-times"></span>
+            </button>
+        </span>
+    </div>
+    <div v-else>
+        <span>No reference image was provided</span>
+        <div v-if="isAdmin && editable">
+            <label>Select a reference image</label>
+            <input
+                type="file"
+                name="referenceImage"
+                @change="addImage"
+                required
+            />
+        </div>
+    </div>
+</template>
+<script>
+import Messages from '@/core/messages/store.js';
+export default {
+    emits: ['reset-reference-image', 'add-image'],
+    props: {
+        baseUrl: {
+            type: String,
+            required: true,
+        },
+        labelId: {
+            type: Number,
+            required: true,
+        },
+        projectId: {
+            type: Number,
+            required: true,
+        },
+        editable: {
+            type: Boolean,
+            default: false,
+        },
+        temporaryImage: {
+            type: [String, Boolean],
+            default: false,
+        },
+        isAdmin: {
+            type: Boolean,
+            required: true,
+        },
+        refreshCount: {
+            type: Number,
+            default: 0,
+        },
+        displayImage: {
+            type: Boolean,
+            required: true,
+        },
+    },
+    computed: {
+        getImageUrl() {
+            if (this.labelId > 0) {
+                return this.temporaryImage
+                    ? this.temporaryImage
+                    : this.baseUrl + '/' + this.labelId + '.jpg?v=' + this.refreshCount;
+            }
+            return '';
+        },
+    },
+    methods: {
+        deleteImage() {
+            let response = prompt(
+                `This will delete the image for this label. Please enter 'delete' to confirm.`,
+            );
+            if (response !== 'delete') {
+                return;
+            }
+            this.emitResetReferenceImage();
+        },
+        emitResetReferenceImage() {
+            this.$emit('reset-reference-image');
+        },
+        addImage(event) {
+            if (event.target.files.length > 1) {
+                Messages.warning('Please select only one file');
+                return;
+            }
+            let file = event.target.files[0];
+            this.$emit('add-image', file);
+        },
+    },
+};
+</script>
diff --git a/resources/assets/js/projects/components/annotation_guideline/resizeImage.js b/resources/assets/js/projects/components/annotation_guideline/resizeImage.js
new file mode 100644
index 000000000..193ba73a9
--- /dev/null
+++ b/resources/assets/js/projects/components/annotation_guideline/resizeImage.js
@@ -0,0 +1,58 @@
+/**
+ * Resizes an image and returns a Blob object
+ */
+export const resizeImage = (
+    file,
+    { maxWidth = 300, maxHeight = 300, quality = 0.9 } = {},
+) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.readAsDataURL(file);
+
+        reader.onload = (event) => {
+            const img = new Image();
+            img.src = event.target.result;
+            img.onerror = (err) => reject(err);
+
+            img.onload = () => {
+                const canvas = document.createElement('canvas');
+                let width = img.width;
+                let height = img.height;
+
+                if (width > maxWidth || height > maxHeight) {
+                    const scale = Math.min(
+                        maxWidth / width,
+                        maxHeight / height,
+                        1,
+                    );
+                    width = Math.round(width * scale);
+                    height = Math.round(height * scale);
+                }
+                width = Math.max(width, 50);
+                height = Math.max(height, 50);
+
+                canvas.width = width;
+                canvas.height = height;
+                const ctx = canvas.getContext('2d');
+                ctx.drawImage(img, 0, 0, width, height);
+
+                canvas.toBlob(
+                    (blob) => {
+                        if (blob) {
+                            resolve(blob);
+                        } else {
+                            reject(
+                                new Error(
+                                    'An error occurred when manipulating the image',
+                                ),
+                            );
+                        }
+                    },
+                    'image/jpeg',
+                    quality,
+                );
+            };
+        };
+        reader.onerror = (err) => reject(err);
+    });
+};
diff --git a/resources/assets/js/projects/main.js b/resources/assets/js/projects/main.js
index de9ff7116..298d2a825 100644
--- a/resources/assets/js/projects/main.js
+++ b/resources/assets/js/projects/main.js
@@ -7,6 +7,7 @@ import StatisticsContainer from './statisticsContainer.vue';
 import Title from './title.vue';
 import VolumesContainer from './volumesContainer.vue';
 import VolumesCount from './volumesCount.vue';
+import AnnotationGuidelineContainer from './annotationGuidelineContainer.vue';
 
 biigle.$mount('project-label-trees-count', LabelTreesCount);
 biigle.$mount('project-members-count', MembersCount);
@@ -17,3 +18,4 @@ biigle.$mount('projects-show-members', MembersContainer);
 biigle.$mount('projects-show-statistics', StatisticsContainer);
 biigle.$mount('projects-show-volumes', VolumesContainer);
 biigle.$mount('projects-title', Title);
+biigle.$mount('annotation-guideline-container', AnnotationGuidelineContainer);
diff --git a/resources/assets/sass/label-trees/components/_labelTrees.scss b/resources/assets/sass/label-trees/components/_labelTrees.scss
index 3d01d13d0..560b22058 100644
--- a/resources/assets/sass/label-trees/components/_labelTrees.scss
+++ b/resources/assets/sass/label-trees/components/_labelTrees.scss
@@ -20,6 +20,10 @@
         &:not(:first-child) {
             margin-left: 10px;
         }
+
+        &:not(:last-child) {
+            margin-right: 10px;
+        }
     }
 
     .label-tree {
diff --git a/resources/assets/sass/projects/_show.scss b/resources/assets/sass/projects/_show.scss
index d81af7d0b..f2fd189a4 100644
--- a/resources/assets/sass/projects/_show.scss
+++ b/resources/assets/sass/projects/_show.scss
@@ -114,3 +114,9 @@
         }
     }
 }
+
+.annotation-guideline-label-options {
+    height: 250px;
+    padding: 5px;
+    border-style: outset;
+}
diff --git a/resources/assets/sass/projects/main.scss b/resources/assets/sass/projects/main.scss
index 53ee3535b..22ec9e8e2 100644
--- a/resources/assets/sass/projects/main.scss
+++ b/resources/assets/sass/projects/main.scss
@@ -22,6 +22,51 @@
     margin-top: 5em;
 }
 
+.form-control.annotation-guideline-description {
+    height: 200px;
+    box-sizing: border-box;
+    text-align: left;
+    align-content: top;
+}
+
+textarea.guideline-description {
+  width: 100%;
+  resize: none;
+  min-height: 150px;
+  max-height: 300px;
+  margin-top: 3px;
+  margin-bottom: 3px;
+  box-sizing: border-box;
+}
+
+.annotation-guideline-label {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    border-top: 1px solid white;
+}
+
+.center-container {
+    display: flex;
+    justify-content: center;
+}
+
+.btn-asl {
+    margin: 3px;
+}
+
+.reference-image {
+    max-width: 300px;
+    min-width: 50px;
+    max-height: 300px;
+    min-height: 50px;
+}
+
+.guideline-description-text {
+    white-space: pre-line;
+}
+
 @import 'components/previewThumbnail';
 @import 'show';
 @import 'charts';
diff --git a/resources/views/manual/tutorials/projects/about.blade.php b/resources/views/manual/tutorials/projects/about.blade.php
index 6ba15f37e..fc686d572 100644
--- a/resources/views/manual/tutorials/projects/about.blade.php
+++ b/resources/views/manual/tutorials/projects/about.blade.php
@@ -102,5 +102,13 @@
             Finally, project admins can delete a project with a click on <button class="btn btn-default btn-xs">Delete</button> in the <button class="btn btn-default btn-xs"><i class="fa fa-cog"></i> <span class="caret"></span></button> dropdown menu. This will detach all label trees and volumes from the project. All volumes that are not attached to another project will be deleted. Be very careful when you want to delete a project since you can destroy lots of annotations with a single action!
         </p>
 
+        <h3><a name="annotation-guideline"></a><i class="fa fa-clipboard-list"></i> Annotation guideline</h3>
+
+        <p>
+            The annotation guideline tab contains the annotation guideline applied to its project. Each project can have only one guideline, which consists of a description and optional label instructions. Label instructions can include a description, a preferred shape, and a reference image for each label.
+        </p>
+        <p>
+            Annotation guidelines can be viewed by any user with project access, but can only be created or modified by admins. To create a guideline, click the tab, enter a description, and save it using the <button class="btn btn-default btn-xs btn-success"><span class="fa fa-check"></span> Save guideline</button> button. To remove the guideline entirely, click the <button class="btn btn-default btn-danger btn-xs"><span class="fa fa-trash"></span> Delete guideline</button> button. To add a label to the guideline, click on it below the guideline description; this allows you to enter a description, select a preferred shape, and upload a reference image for that label. Save the label using the <button class="btn btn-default btn-xs btn-success"><span class="fa fa-check"></span> Save label</button> button, or remove it with the <button class="btn btn-default btn-danger btn-xs"><span class="fa fa-trash"></span> Delete label</button> button.
+        </p>
     </div>
 @endsection
diff --git a/resources/views/projects/show/annotation-guideline.blade.php b/resources/views/projects/show/annotation-guideline.blade.php
new file mode 100644
index 000000000..9840b8d07
--- /dev/null
+++ b/resources/views/projects/show/annotation-guideline.blade.php
@@ -0,0 +1,23 @@
+@extends('projects.show.base')
+
+@push('scripts')
+<script type="module">
+    biigle.$declare('projects.labelTrees', @json($labelTrees));
+    biigle.$declare('projects.availableShapes', @json($availableShapes));
+    biigle.$declare('projects.annotationGuideline', @json($annotationGuideline));
+    biigle.$declare('projects.annotationGuidelineLabels', @json($annotationGuidelineLabels));
+    biigle.$declare('projects.annotationGuidelineLabelsBaseUrl', "{!! Storage::disk(config('projects.annotation_guideline_storage_disk'))->url("$project->id") !!}");
+</script>
+@endpush
+
+@section('project-content')
+<div id="annotation-guideline-container">
+    <div class="row">
+        <div class="col-sm-12">
+            <annotation-guideline
+            :is-admin={{ $isAdmin ? 'true' : 'false' }}>
+            </annotation-guideline>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/resources/views/projects/show/tabs.blade.php b/resources/views/projects/show/tabs.blade.php
index 25878f1eb..3db671196 100644
--- a/resources/views/projects/show/tabs.blade.php
+++ b/resources/views/projects/show/tabs.blade.php
@@ -22,5 +22,11 @@
         </li>
     @endif
 
+    @if ((($user->can('update', $project) || $user->can('sudo'))) || (isset($annotationGuideline) && $annotationGuideline != null))
+        <li role="presentation" @if ($activeTab === 'guideline') class="active" @endif>
+            <a href="{{route('annotation-guideline', $project->id)}}" title="See the project guideline"><i class="fa fa-clipboard-list"></i> Guideline</a>
+        </li>
+    @endif
+
     @mixin('projectsShowTabs')
 </ul>
diff --git a/routes/api.php b/routes/api.php
index 626a70cae..e6a400848 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -284,6 +284,30 @@
     'uses' => 'Projects\ProjectAnnotationLabels@getProjectAnnotationLabelCounts',
 ]);
 
+$router->get('projects/{id}/annotation-guideline', [
+    'uses' => 'Projects\AnnotationGuidelineController@index',
+]);
+
+$router->post('projects/{id}/annotation-guideline', [
+    'uses' => 'Projects\AnnotationGuidelineController@update',
+]);
+
+$router->delete('projects/{id}/annotation-guideline', [
+    'uses' => 'Projects\AnnotationGuidelineController@delete',
+]);
+
+$router->post('projects/{id}/annotation-guideline-label', [
+    'uses' => 'Projects\AnnotationGuidelineLabelController@update',
+]);
+
+$router->delete('projects/{id}/annotation-guideline-label', [
+    'uses' => 'Projects\AnnotationGuidelineLabelController@delete',
+]);
+
+$router->delete('projects/{id}/annotation-guideline-label/delete-image', [
+    'uses' => 'Projects\AnnotationGuidelineLabelController@deleteReferenceImage',
+]);
+
 $router->get('public-export/label-trees/{id}', [
     'as' => 'get-public-label-tree-export',
     'uses' => 'Export\PublicLabelTreeExportController@show',
diff --git a/routes/web.php b/routes/web.php
index 76db0eb0e..a85bbc64d 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -280,6 +280,11 @@
             'as'   => 'projectsLargo',
             'uses' => 'LargoController@index',
         ]);
+
+        $router->get('{id}/annotation-guideline', [
+            'as'   => 'annotation-guideline',
+            'uses' => 'AnnotationGuidelineController@show',
+        ]);
     });
 
     $router->group(['namespace' => 'Volumes', 'prefix' => 'pending-volumes'], function ($router) {
diff --git a/tests/php/Http/Controllers/Api/Projects/AnnotationGuidelineControllerTest.php b/tests/php/Http/Controllers/Api/Projects/AnnotationGuidelineControllerTest.php
new file mode 100644
index 000000000..dee00a2c6
--- /dev/null
+++ b/tests/php/Http/Controllers/Api/Projects/AnnotationGuidelineControllerTest.php
@@ -0,0 +1,149 @@
+<?php
+
+namespace Biigle\Tests\Http\Controllers\Api\Projects;
+
+use ApiTestCase;
+use Biigle\AnnotationGuideline;
+use Biigle\AnnotationGuidelineLabel;
+use Biigle\Label;
+use Biigle\Shape;
+use Storage;
+
+class AnnotationGuidelineControllerTest extends ApiTestCase
+{
+    public function testIndex()
+    {
+        $id = $this->project()->id;
+        $path = "/api/v1/projects/{$id}/annotation-guideline";
+        $this->doTestApiRoute('GET', $path);
+
+        $this->beGuest();
+        $this->get($path)
+            ->assertStatus(403);
+
+        $this->beUser();
+        $this->get($path)
+            ->assertStatus(403);
+
+        $this->beEditor();
+        $this->get($path)
+            ->assertStatus(403);
+
+        $this->beAdmin();
+        $this->get($path)
+            ->assertStatus(404);
+
+        $as1 = AnnotationGuideline::create(['project' => $id, 'description' => 'someDescription']);
+
+        $this->get($path)
+            ->assertStatus(200)
+            ->assertJson(
+                [
+                    'annotation_guideline' =>
+                        ['id' => $as1->id, 'project' => $id, 'description' => 'someDescription'],
+                    'annotation_guideline_labels' => [],
+                ]
+            );
+        $label = Label::factory()->create();
+
+        $asl1 = AnnotationGuidelineLabel::create(
+            [
+                'annotation_guideline' => $as1->id,
+                'label' => $label->id,
+                'shape' => Shape::polygonId(),
+                'description' => 'labelDescription',
+                'reference_image' => false,
+            ]
+        );
+
+        $this->get($path)
+            ->assertStatus(200)
+            ->assertJson(
+                [
+                    'annotation_guideline' =>
+                        ['id' => $as1->id, 'project' => $id, 'description' => 'someDescription'],
+                    'annotation_guideline_labels' => [[
+                        'description' => 'labelDescription',
+                        'label' => $label->toArray(),
+                        'shape' => Shape::polygonId(),
+                    ]],
+                ]
+            );
+    }
+
+    public function testUpdate()
+    {
+        $id = $this->project()->id;
+        $path = "/api/v1/projects/{$id}/annotation-guideline";
+        $this->doTestApiRoute('POST', $path);
+
+        $data = ['description' => 'someDescription'];
+
+        $this->beGuest();
+        $this->json('POST', $path, $data)
+            ->assertStatus(403);
+
+        $this->beUser();
+        $this->json('POST', $path, $data)
+            ->assertStatus(403);
+
+        $this->beEditor();
+        $this->json('POST', $path, $data)
+            ->assertStatus(403);
+
+        $this->beAdmin();
+        $this->json('POST', $path, $data)
+            ->assertStatus(200);
+
+        $as1 = AnnotationGuideline::where(['project' => $id])->first();
+
+        $this->assertSame($as1->project, $id);
+        $this->assertSame($as1->description, 'someDescription');
+
+        $this->json('POST', $path, ['project' => $id, 'description' => 'someNewDescription'])
+            ->assertStatus(200);
+
+        $as2 = AnnotationGuideline::where(['project' => $id])->first();
+
+        $this->assertSame($as2->id, $as1->id);
+        $this->assertSame($as2->project, $id);
+        $this->assertSame($as2->description, 'someNewDescription');
+    }
+
+    public function testDelete()
+    {
+        $id = $this->project()->id;
+        config(['projects.annotation_guideline_storage_disk' => 'annotation_storage']);
+        $disk = Storage::fake('annotation_storage');
+
+        $path = "/api/v1/projects/{$id}/annotation-guideline";
+        $this->doTestApiRoute('DELETE', $path);
+
+        $this->beGuest();
+        $this->delete($path)
+            ->assertStatus(403);
+
+        $this->beUser();
+        $this->delete($path)
+            ->assertStatus(403);
+
+        $this->beEditor();
+        $this->delete($path)
+            ->assertStatus(403);
+
+        $this->beAdmin();
+        $this->delete($path)
+            ->assertStatus(404);
+
+        AnnotationGuideline::create(['project' => $id, 'description' => 'someDescription']);
+
+        //We also test that the files are cleared
+        $disk->put("$id/somefile.png", 'content');
+
+        $this->delete($path)
+            ->assertStatus(200);
+
+        $this->assertEmpty(AnnotationGuideline::where(['project' => $id])->first());
+        $disk->assertMissing("$id/somefile.png");
+    }
+}
diff --git a/tests/php/Http/Controllers/Api/Projects/AnnotationGuidelineLabelControllerTest.php b/tests/php/Http/Controllers/Api/Projects/AnnotationGuidelineLabelControllerTest.php
new file mode 100644
index 000000000..172ab943b
--- /dev/null
+++ b/tests/php/Http/Controllers/Api/Projects/AnnotationGuidelineLabelControllerTest.php
@@ -0,0 +1,220 @@
+<?php
+
+namespace Biigle\Tests\Http\Controllers\Api\Projects;
+
+use ApiTestCase;
+use Biigle\AnnotationGuideline;
+use Biigle\AnnotationGuidelineLabel;
+use Biigle\Label;
+use Biigle\Shape;
+use Illuminate\Http\UploadedFile;
+use Storage;
+
+class AnnotationGuidelineLabelControllerTest extends ApiTestCase
+{
+    public function testUpdateAndDelete()
+    {
+        $id = $this->project()->id;
+        $as = AnnotationGuideline::create(['project' => $id, 'description' => 'someDescription']);
+        $path = "/api/v1/projects/{$id}/annotation-guideline-label";
+        $label1 = Label::factory()->create();
+
+        config(['projects.annotation_guideline_storage_disk' => 'annotation_storage']);
+        $disk = Storage::fake('annotation_storage');
+
+        $filename = 'test-image.png';
+
+        $fileDir = __DIR__."/../../../../../files/";
+        $imageFile = new UploadedFile($fileDir.$filename, $filename, test: true);
+        $data = [
+            'annotation_guideline' => $as->id,
+            'label' => $label1->id,
+            'shape' => Shape::polygonId(),
+            'description' => 'labelDescription',
+            'reference_image' =>$imageFile,
+        ];
+
+        try {
+            $this->doTestApiRoute('POST', $path);
+
+            $this->beGuest();
+            $this->post($path, $data)
+                ->assertStatus(403);
+
+            $this->beUser();
+            $this->post($path, $data)
+                ->assertStatus(403);
+
+            $this->beEditor();
+            $this->post($path, $data)
+                ->assertStatus(403);
+
+            $this->beAdmin();
+            $this->post($path, $data)
+                ->assertStatus(200);
+
+            $asl = AnnotationGuidelineLabel::where(['annotation_guideline' => $as->id])
+                ->get()
+                ->toArray();
+
+
+            $expected = [[
+                'id' => $asl[0]['id'],
+                'annotation_guideline' => $as->id,
+                'label' => $label1->id,
+                'shape' => Shape::polygonId(),
+                'description' => 'labelDescription',
+                'reference_image' => true,
+            ]];
+
+            $disk->assertExists("{$id}/{$label1->id}.jpg");
+
+            $this->assertEquals($asl, $expected);
+
+            //Bad file
+            $filename = 'file.txt';
+            $fakeFile = UploadedFile::fake()->create($filename);
+            $data = [
+                'annotation_guideline' => $as['id'],
+                'label' => $label1->id,
+                'shape' => Shape::polygonId(),
+                'description' => 'labelDescription',
+                'reference_image' => $fakeFile,
+            ];
+
+            $this->post($path, $data)
+                ->assertStatus(302);
+
+            //Update two other labels, the first label should not be there.
+            $label2 = Label::factory()->create();
+            $label3 = Label::factory()->create();
+
+            $data = [
+                'annotation_guideline' => $as->id,
+                'label' => $label2->id,
+                'shape' => null,
+                'description' => null,
+                'reference_image' => $imageFile,
+            ];
+
+            $this->post($path, $data)
+                ->assertStatus(200);
+
+            $data = [
+                'annotation_guideline' => $as->id,
+                'label' => $label3->id,
+                'shape' => Shape::circleId(),
+                'description' => 'aDifferentDescription',
+                'reference_image' => null,
+            ];
+
+            $this->post($path, $data)
+                ->assertStatus(200);
+
+
+            $asl2 = AnnotationGuidelineLabel::where(['annotation_guideline' => $as->id])
+                ->orderBy('label')
+                ->get()
+                ->toArray();
+
+            $this->assertCount(3, $asl2);
+
+            $expected = [
+                [
+                    'id' => $asl2[0]['id'],
+                    'annotation_guideline' => $as->id,
+                    'label' => $label1->id,
+                    'shape' => Shape::polygonId(),
+                    'description' => 'labelDescription',
+                    'reference_image' => true,
+                ],
+                [
+                    'id' => $asl2[1]['id'],
+                    'annotation_guideline' => $as->id,
+                    'label' => $label2->id,
+                    'shape' => null,
+                    'description' => null,
+                    'reference_image' => true,
+                ],
+                [
+                    'id' => $asl2[2]['id'],
+                    'annotation_guideline' => $as->id,
+                    'label' => $label3->id,
+                    'shape' => Shape::circleId(),
+                    'description' => 'aDifferentDescription',
+                    'reference_image' => false,
+                ],
+            ];
+
+            $this->assertEquals($asl2, $expected);
+
+
+            //Should have been uploaded
+            $disk->assertExists("{$id}/{$label1->id}.jpg");
+            $disk->assertExists("{$id}/{$label2->id}.jpg");
+
+            //Should not exist
+            $disk->assertMissing("{$id}/{$label3->id}.jpg");
+
+            $path = "/api/v1/projects/{$id}/annotation-guideline-label";
+            $data = ['label' => $label1->id];
+
+            $this->beGuest();
+            $this->delete($path, $data)
+                ->assertStatus(403);
+
+            $this->beUser();
+            $this->delete($path, $data)
+                ->assertStatus(403);
+
+            $this->beEditor();
+            $this->delete($path, $data)
+                ->assertStatus(403);
+
+            $this->beAdmin();
+            $this->delete($path, $data)
+                ->assertStatus(200);
+
+            $asl = AnnotationGuidelineLabel::where(['annotation_guideline' => $as->id, 'label' => $label1->id])
+                ->get()
+                ->toArray();
+
+            $this->assertEmpty($asl);
+
+            $disk->assertMissing("{$id}/{$label1->id}.jpg");
+
+            //delete image
+            $path = "/api/v1/projects/{$id}/annotation-guideline-label/delete-image";
+
+            $data = ['label' => $label2->id];
+
+            $this->beGuest();
+            $this->delete($path, $data)
+                ->assertStatus(403);
+
+            $this->beUser();
+            $this->delete($path, $data)
+                ->assertStatus(403);
+
+            $this->beEditor();
+            $this->delete($path, $data)
+                ->assertStatus(403);
+
+            $this->beAdmin();
+            $this->delete($path, $data)
+                ->assertStatus(200);
+
+            $disk->assertMissing("{$id}/{$label2->id}.jpg");
+        } finally {
+            if (isset($label1) && $disk->exists("{$id}/{$label1->id}.jpg")) {
+                $disk->delete("{$id}/{$label1->id}.jpg");
+            }
+            if (isset($label2) && $disk->exists("{$id}/{$label2->id}.jpg")) {
+                $disk->delete("{$id}/{$label2->id}.jpg");
+            }
+            if (isset($label3) && $disk->exists("{$id}/{$label3->id}.jpg")) {
+                $disk->delete("{$id}/{$label3->id}.jpg");
+            }
+        }
+    }
+}
diff --git a/tests/php/Http/Controllers/Views/Projects/AnnotationGuidelineControllerTest.php b/tests/php/Http/Controllers/Views/Projects/AnnotationGuidelineControllerTest.php
new file mode 100644
index 000000000..91d4bb3b9
--- /dev/null
+++ b/tests/php/Http/Controllers/Views/Projects/AnnotationGuidelineControllerTest.php
@@ -0,0 +1,43 @@
+<?php
+namespace Biigle\Tests\Http\Controllers\Views\Projects;
+
+use ApiTestCase;
+use Biigle\AnnotationGuideline;
+
+class AnnotationGuidelineControllerTest extends ApiTestCase
+{
+    public function testIndex()
+    {
+        $id = $this->project()->id;
+
+        $path = "projects/{$id}/annotation-guideline";
+
+        $this->beGuest();
+        $this->get($path)->assertStatus(404);
+
+        $this->beEditor();
+        $this->get($path)->assertStatus(404);
+
+        //Admins can create annotation guidelines
+        $this->beAdmin();
+        $this->get($path)->assertStatus(200);
+
+        $this->beGlobalAdmin();
+        $this->get($path)->assertStatus(200);
+
+        AnnotationGuideline::create(['project' => $id, 'description' => 'someDescription']);
+
+        $this->beGuest();
+        $this->get($path)->assertStatus(200);
+
+        $this->beEditor();
+        $this->get($path)->assertStatus(200);
+
+        $this->beAdmin();
+        $this->get($path)->assertStatus(200);
+
+        $this->beGlobalAdmin();
+        $this->get($path)->assertStatus(200);
+
+    }
+}