diff --git a/clipping/__init__.py b/clipping/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/clipping/admin.py b/clipping/admin.py
new file mode 100644
index 00000000..fafc9362
--- /dev/null
+++ b/clipping/admin.py
@@ -0,0 +1,56 @@
+from django import forms
+from django.conf import settings
+from django.contrib import admin
+from django.contrib.contenttypes.models import ContentType
+from django.forms.models import ModelChoiceField
+
+from .models import Clipping, ClippingRelation
+
+
+class ClippingRelationAdminForm(forms.ModelForm):
+    contents = []
+    for app_name in settings.CONTENTS:
+        for model_name in settings.CONTENTS[app_name]:
+            contents.append(model_name)
+
+    content_type = ModelChoiceField(
+        ContentType.objects.filter(app_label__in=settings.CONTENTS, model__in=contents),
+        empty_label="--------",
+        label="Content",
+    )
+    object_id = forms.CharField(widget=forms.Select(choices=[("", "---------")]), label="Element")
+
+    class Meta:
+        model = ClippingRelation
+        fields = ["content_type", "object_id", "clipping"]
+
+
+@admin.register(ClippingRelation)
+class ClippingRelationAdmin(admin.ModelAdmin):
+    form = ClippingRelationAdminForm
+    list_display = ("get_clipping_relation", "clipping", "content_type")
+
+    def get_clipping_relation(self, obj):
+        return obj.content_object.name
+
+    get_clipping_relation.short_description = "Relation"
+
+
+class ClippingAdminForm(forms.ModelForm):
+    category = forms.CharField(widget=forms.Select(choices=settings.CATEGORY_CHOICES), label="Category")
+
+    class Meta:
+        model = Clipping
+        exclude = ["added_by"]
+
+
+@admin.register(Clipping)
+class ClippingAdmin(admin.ModelAdmin):
+    form = ClippingAdminForm
+    list_display = ("date", "title", "author", "vehicle", "category", "url", "added_by", "published")
+
+    # Sets the current user as the adder
+    def save_model(self, request, obj, form, change):
+        if getattr(obj, "added_by", None) is None:
+            obj.added_by = request.user
+        obj.save()
diff --git a/clipping/apps.py b/clipping/apps.py
new file mode 100644
index 00000000..67270305
--- /dev/null
+++ b/clipping/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class ClippingConfig(AppConfig):
+    name = "clipping"
diff --git a/clipping/forms.py b/clipping/forms.py
new file mode 100644
index 00000000..f87ea691
--- /dev/null
+++ b/clipping/forms.py
@@ -0,0 +1,17 @@
+from django import forms
+from django.conf import settings
+from django.forms import ModelForm
+
+from .models import Clipping
+
+
+class ClippingForm(ModelForm):
+    category = forms.CharField(widget=forms.Select(choices=settings.CATEGORY_CHOICES), label="Categoria")
+    date = forms.CharField(widget=forms.TextInput(attrs={"class": "datepicker"}), label="Data")
+    author = forms.CharField(label="Autor")
+    title = forms.CharField(label="Título")
+
+    class Meta:
+        model = Clipping
+        fields = "__all__"
+        exclude = ["added_by", "published"]
diff --git a/clipping/management/commands/import_clippings.py b/clipping/management/commands/import_clippings.py
new file mode 100644
index 00000000..b651f63a
--- /dev/null
+++ b/clipping/management/commands/import_clippings.py
@@ -0,0 +1,38 @@
+import csv
+from pathlib import Path
+
+from django.contrib.auth import get_user_model
+from django.core.management.base import BaseCommand
+
+from clipping.models import Clipping
+
+
+class Command(BaseCommand):
+    def add_arguments(self, parser):
+        parser.add_argument("csv", type=Path, help="CSV file to update the clippings JSON field")
+
+    def clean_args(self, **kwargs):
+        csv_file = kwargs["csv"]
+        if csv_file and not csv_file.exists():
+            raise Exception(f"The CSV {csv_file} does not exists")
+        return csv_file
+
+    def handle(self, *args, **kwargs):
+        csv_file = self.clean_args(**kwargs)
+        username = "turicas"
+        user = get_user_model().objects.get(username=username)
+        with open(csv_file, encoding="utf-8") as csvfile:
+            reader = csv.DictReader(csvfile)
+            for row in reader:
+                p = Clipping(
+                    date=row["data"],
+                    vehicle=row["veiculo"],
+                    author=row["autor"],
+                    title=row["titulo"],
+                    category=row["categoria"],
+                    url=row["link"],
+                    published=True,
+                    added_by=user,
+                )
+                p.save()
+        self.stdout.write(self.style.SUCCESS("Successfully imported"))
diff --git a/clipping/migrations/0001_initial.py b/clipping/migrations/0001_initial.py
new file mode 100644
index 00000000..e9faac43
--- /dev/null
+++ b/clipping/migrations/0001_initial.py
@@ -0,0 +1,45 @@
+# Generated by Django 3.1.6 on 2021-04-09 13:04
+
+import datetime
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('contenttypes', '0002_remove_content_type_name'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Clipping',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('date', models.DateField(default=datetime.date.today)),
+                ('vehicle', models.CharField(blank=True, max_length=100, null=True)),
+                ('author', models.CharField(blank=True, max_length=100, null=True)),
+                ('title', models.CharField(blank=True, max_length=200, null=True)),
+                ('category', models.CharField(max_length=100, null=True)),
+                ('url', models.URLField(unique=True)),
+                ('published', models.BooleanField(blank=True, default=False)),
+                ('added_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='ClippingRelation',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('object_id', models.PositiveIntegerField(db_index=True)),
+                ('clipping', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='clipping.clipping')),
+                ('content_type', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='contenttypes.contenttype')),
+            ],
+            options={
+                'unique_together': {('content_type', 'object_id', 'clipping')},
+            },
+        ),
+    ]
diff --git a/clipping/migrations/__init__.py b/clipping/migrations/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/clipping/models.py b/clipping/models.py
new file mode 100644
index 00000000..f248f9b3
--- /dev/null
+++ b/clipping/models.py
@@ -0,0 +1,35 @@
+import datetime
+
+from django.contrib.auth import get_user_model
+from django.contrib.contenttypes.fields import GenericForeignKey
+from django.contrib.contenttypes.models import ContentType
+from django.db import models
+
+
+class Clipping(models.Model):
+    date = models.DateField(null=False, blank=False, default=datetime.date.today)
+    vehicle = models.CharField(max_length=100, null=True, blank=True)
+    author = models.CharField(max_length=100, null=True, blank=True)
+    title = models.CharField(max_length=200, null=True, blank=True)
+    category = models.CharField(max_length=100, null=True)
+    url = models.URLField(null=False, blank=False, unique=True)
+    published = models.BooleanField(default=False, blank=True)
+
+    added_by = models.ForeignKey(get_user_model(), null=True, blank=True, on_delete=models.SET_NULL)
+
+    def __str__(self):
+        return self.title
+
+
+class ClippingRelation(models.Model):
+    content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE)
+    object_id = models.PositiveIntegerField(db_index=True)
+    content_object = GenericForeignKey()
+
+    clipping = models.ForeignKey(Clipping, on_delete=models.CASCADE)
+
+    def __str__(self):
+        return "Content: {} | Clipping: {}".format(self.content_object.name, self.clipping.title)
+
+    class Meta:
+        unique_together = ["content_type", "object_id", "clipping"]
diff --git a/clipping/templates/admin/clipping/change_form.html b/clipping/templates/admin/clipping/change_form.html
new file mode 100644
index 00000000..6861fd20
--- /dev/null
+++ b/clipping/templates/admin/clipping/change_form.html
@@ -0,0 +1,43 @@
+{% extends "admin/change_form.html" %} {% block extrahead %} {{ block.super }}
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript">
+  const populateSelect = () =>
+    $.getJSON(
+      "/clipping/get/contentype_instances/",
+      { id: $("select#id_content_type").val() },
+      function (j) {
+        var options = '<option value="">---------</option>';
+        for (var i = 0; i < j.length; i++) {
+          options +=
+            '<option value="' + j[i].id + '">' + j[i].name + "</option>";
+        }
+        // inspect html to check id of subcategory select
+        $("select#id_object_id").html(options);
+      }
+    );
+
+  // Populate content select then set element select
+  const setObjectIdSelect = async (j) => {
+    await populateSelect();
+    $("select#id_object_id").val(j);
+  };
+
+  /*
+    inspect html to check id of Content select, populate
+    select Element if change occurs
+  */
+  $(document).on("change", "select#id_content_type", populateSelect);
+
+  // Document ready
+  $(function () {
+    const objPk = $(location).attr("href").match("\/([0-9_]+)\/");
+    if (objPk && $("select#id_content_type").val()) {
+      $.getJSON("/clipping/get/selected_instance/", { id: objPk[1] }, (j) =>
+        setObjectIdSelect(j)
+      );
+    } else if($("select#id_content_type").val()) {
+      populateSelect()
+    }
+  });
+</script>
+{% endblock %}
diff --git a/clipping/tests.py b/clipping/tests.py
new file mode 100644
index 00000000..a39b155a
--- /dev/null
+++ b/clipping/tests.py
@@ -0,0 +1 @@
+# Create your tests here.
diff --git a/clipping/urls.py b/clipping/urls.py
new file mode 100644
index 00000000..19e5dc82
--- /dev/null
+++ b/clipping/urls.py
@@ -0,0 +1,8 @@
+from django.urls import path
+
+from . import views
+
+urlpatterns = [
+    path("get/contentype_instances/", views.get_contenttype_instances),
+    path("get/selected_instance/", views.get_current_selected_instance),
+]
diff --git a/clipping/views.py b/clipping/views.py
new file mode 100644
index 00000000..d7f1ddaa
--- /dev/null
+++ b/clipping/views.py
@@ -0,0 +1,18 @@
+import json
+
+from django.contrib.contenttypes.models import ContentType
+from django.http import HttpResponse
+
+from .models import ClippingRelation
+
+
+def get_contenttype_instances(request):
+    pk = request.GET.get("id")
+    result = list(ContentType.objects.get(id=pk).model_class().objects.filter().values("id", "name"))
+    return HttpResponse(json.dumps(result), content_type="application/json")
+
+
+def get_current_selected_instance(request):
+    pk = request.GET.get("id")
+    result = ClippingRelation.objects.get(id=pk).object_id
+    return HttpResponse(json.dumps(result), content_type="application/json")
diff --git a/core/migrations/0030_table_short_description.py b/core/migrations/0030_table_short_description.py
new file mode 100644
index 00000000..2f953c17
--- /dev/null
+++ b/core/migrations/0030_table_short_description.py
@@ -0,0 +1,19 @@
+# Generated by Django 3.1.8 on 2021-09-15 19:02
+
+from django.db import migrations
+import markdownx.models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('core', '0029_auto_20201206_2132'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='table',
+            name='short_description',
+            field=markdownx.models.MarkdownxField(blank=True, null=True),
+        ),
+    ]
diff --git a/core/migrations/0031_auto_20210915_1605.py b/core/migrations/0031_auto_20210915_1605.py
new file mode 100644
index 00000000..e3bd5955
--- /dev/null
+++ b/core/migrations/0031_auto_20210915_1605.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.1.8 on 2021-09-15 19:05
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('core', '0030_table_short_description'),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name='dataset',
+            old_name='description',
+            new_name='short_description',
+        ),
+    ]
diff --git a/core/migrations/0032_dataset_description.py b/core/migrations/0032_dataset_description.py
new file mode 100644
index 00000000..0b339241
--- /dev/null
+++ b/core/migrations/0032_dataset_description.py
@@ -0,0 +1,19 @@
+# Generated by Django 3.1.8 on 2021-09-15 20:26
+
+from django.db import migrations
+import markdownx.models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('core', '0031_auto_20210915_1605'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='dataset',
+            name='description',
+            field=markdownx.models.MarkdownxField(blank=True, null=True),
+        ),
+    ]
diff --git a/core/migrations/0033_auto_20210915_1731.py b/core/migrations/0033_auto_20210915_1731.py
new file mode 100644
index 00000000..7740f83e
--- /dev/null
+++ b/core/migrations/0033_auto_20210915_1731.py
@@ -0,0 +1,19 @@
+# Generated by Django 3.1.8 on 2021-09-15 20:31
+
+from django.db import migrations
+import markdownx.models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('core', '0032_dataset_description'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='dataset',
+            name='short_description',
+            field=markdownx.models.MarkdownxField(blank=True, null=True),
+        ),
+    ]
diff --git a/core/models.py b/core/models.py
index d3419ffd..a4cf4e0b 100644
--- a/core/models.py
+++ b/core/models.py
@@ -153,7 +153,8 @@ class Dataset(models.Model):
     author_name = models.CharField(max_length=255, null=False, blank=False)
     author_url = models.URLField(max_length=2000, null=True, blank=True)
     code_url = models.URLField(max_length=2000, null=False, blank=False)
-    description = models.TextField(null=False, blank=False)
+    short_description = MarkdownxField(null=True, blank=True)
+    description = MarkdownxField(null=True, blank=True)
     icon = models.CharField(max_length=31, null=False, blank=False)
     license_name = models.CharField(max_length=255, null=False, blank=False)
     license_url = models.URLField(max_length=2000, null=False, blank=False)
@@ -311,6 +312,7 @@ class Table(models.Model):
     version = models.ForeignKey(Version, on_delete=models.CASCADE, null=False, blank=False)
     import_date = models.DateTimeField(null=True, blank=True)
     description = MarkdownxField(null=True, blank=True)
+    short_description = MarkdownxField(null=True, blank=True)
     hidden = models.BooleanField(default=False)
     api_enabled = models.BooleanField(default=True)
 
diff --git a/core/static/core/css/dataset-detail.css b/core/static/core/css/dataset-detail.css
new file mode 100644
index 00000000..a2f863e3
--- /dev/null
+++ b/core/static/core/css/dataset-detail.css
@@ -0,0 +1,138 @@
+.breadcrumb {
+  letter-spacing: 3px;
+  margin-left: 21px;
+  padding-bottom: 12px;
+}
+
+.breadcrumb .dropdown-trigger {
+  padding-right: 80px;
+}
+
+
+.breadcrumb a i.material-icons {
+  position: fixed;
+  line-height: 1;
+}
+
+h1 {
+  font-size: 25px;
+  margin-bottom: 25px;
+  margin-left: 7px;
+}
+
+.nav-content a:hover {
+  text-decoration: underline;
+}
+
+.main-card {
+  height: 291px;
+  overflow-y: auto;
+}
+
+.main-card-title {
+  font-size: x-large;
+  margin: 0 0 12px 0;
+}
+
+.main-card-util {
+  margin: 12px 0 9px 0;
+  font-size: medium;
+}
+
+#dataset-icon {
+  padding: 0 0 14px;
+}
+
+.side-card-title {
+  font-size: large;
+  font-weight: 500;
+  margin: 14px 0 10px 0;
+}
+
+.side-card-data {
+  font-weight: 500;
+  padding: 14px 0 2px 0;
+}
+
+.side-card-data a {
+  font-weight: 500;
+}
+
+.side-card-data-text {
+  font-weight: 400;
+}
+
+.side-card p {
+  max-width: 450px;
+}
+
+.main-card p {
+  max-width: 650px;
+}
+
+.secondary-card-title {
+  font-size: medium;
+  font-weight: 500;
+  margin: 4px 0 12px 0;
+}
+
+.secondary-card-content {
+  max-width: 900px;
+  margin: auto;
+}
+
+.metadata {
+  margin: 4px 0;
+}
+
+.metadata li {
+  padding: 5px 0;
+  font-weight: 600;
+}
+
+.collection-item {
+  font-weight: 500;
+  letter-spacing: 1px;
+  color:#007db6 !important;
+}
+
+.card-flex {
+  display: flex;
+}
+
+.card-flex-item {
+  flex-grow: 1;
+}
+
+/* Container style of BRiO */
+.container {
+  margin: 0 auto;
+  width: 90%;
+  max-width: 100%;
+}
+
+/* Table detail */
+
+.tab a.active {
+  background-color: rgba(203, 203, 255, 0.2) !important;
+}
+
+.tabs .tab a {
+  background-color: rgba(225, 225, 255, 0.1)
+}
+
+.tabs .indicator {
+  background-color: blue !important;
+}
+
+@media only screen and (min-width: 301px) {
+  .table-detail p {
+    max-width: 600px;
+  }
+}
+
+@media only screen and (min-width: 993px) {
+  .table-detail p {
+    max-width: 900px;
+  }
+}
\ No newline at end of file
diff --git a/core/templates/core/dataset-card.html b/core/templates/core/dataset-card.html
index 99537fa5..6bdf2bf7 100644
--- a/core/templates/core/dataset-card.html
+++ b/core/templates/core/dataset-card.html
@@ -7,7 +7,7 @@
         <i class="material-icons icon-dataset">{{ dataset.icon }}</i>
       </div>
       <h3 class="card-title activator">{{ dataset.name }}</h3>
-      <p class="activator">{{ dataset.description }}</p>
+      <p class="activator">{{ dataset.short_description }}</p>
       <div class="center activator">
         <span class="black-text">
           <i class="material-icons">keyboard_arrow_up</i>
@@ -17,7 +17,7 @@ <h3 class="card-title activator">{{ dataset.name }}</h3>
     <div class="card-reveal grey lighten-5">
       <i class="material-icons icon-dataset">{{ dataset.icon }}</i>
       <span class="card-title grey-text text-darken-4">Tabelas<i class="material-icons right">close</i></span>
-      <span class="subtitle-tables">{{ dataset.name }}</span>
+      <a href="{% url 'core:dataset-detail' dataset.slug %}" class="subtitle-tables">{{ dataset.name }}</a>
       <div class="links">
         {% for table in dataset.tables %}
         {% spaceless %}
diff --git a/core/templates/core/dataset-detail.html b/core/templates/core/dataset-detail.html
index d9a0ee14..a0becad2 100644
--- a/core/templates/core/dataset-detail.html
+++ b/core/templates/core/dataset-detail.html
@@ -2,220 +2,159 @@
 {% load cache %}
 {% load humanize %}
 {% load l10n %}
+{% load static %}
 {% load markdown %}
 {% load utils %}
 {% block title %}{{ dataset.name }} - Datasets - Brasil.IO{% endblock %}
+
+{% block head %}
+{{ block.super }}
+  <link rel="stylesheet" type="text/css" href="{% static 'core/css/dataset-detail.css' %}"/>
+{% endblock %}
+
+{% block nav %}
+<div class="nav-content indigo">
+  <div class="breadcrumb">
+    <a href="{% url 'core:dataset-list' %}" title="Voltar para Dataset">Datasets</a> > {{ dataset.name }}
+  </div>
+</div>
+{% endblock %}
 {% block content %}{% localize off %}
 <div class="section">
-  <div id="dataset-detail">
-    <h4>{{ dataset.name }}</h4>
-    <p>
-      {{ dataset.description }}
-    </p>
-    <ul>
-      <li>
-        Fonte original: <a href="{{ dataset.source_url }}" title="Ver fonte original">{{ dataset.source_name }}</a>
-      </li>
-      <li>
-        Libertado por: <a href="{{ dataset.author_url }}" title="Ver liberador">{{ dataset.author_name }}</a>
-      </li>
-      <li>
-        Código-fonte: <a href="{{ dataset.code_url }}" title="Ver código-fonte">{{ dataset.code_url }}</a>
-      </li>
-      <li>
-        Licença: <a href="{{ dataset.license_url }}" title="Ver licença">{{ dataset.license_name }}</a>
-      </li>
-      {% if dataset.link_set.all %}
-      <li>
-        Links relacionados:
-        {% for link in dataset.link_set.all %}
-          <a href="{{ link.url }}" title="Ver mais" target="_blank">{{ link.title }}</a>{% if not forloop.last %}, {% endif %}
-        {% endfor %}
-      </li>
-      {% endif %}
-    </ul>
-  </div>
-
   <div class="row">
-    <div class="col s12">
-      Tabelas:
-      {% for dataset_table in dataset.tables %}
-        {% spaceless %}
-        {% if dataset_table == table %}
-        <strong>{{ dataset_table.name }}</strong>
-        {% else %}
-        <a href="{% url 'core:dataset-table-detail' dataset.slug dataset_table.name %}">{{ dataset_table.name }}</a>
-        {% endif %}
-        {% endspaceless %}{% if not forloop.last %}, {% else %}.{% endif %}
-      {% endfor %}
-
-    {% cache 3600 table_description table.description %}
-    {% if table.description %}
-    <div class="row">
-      <div class="col s12">
-        <div class="card">
-          <div class="card-content">
-            <span class="card-title">Informações úteis</span>
-            {{ table.description | markdownify | safe }}
-          </div>
-        </div>
-      </div>
-    </div>
-    {% endif %}
-    {% endcache %}
-
-      <p>
-        Quer <b>baixar os dados completos</b> ou precisa <b>acessá-los de
-          maneira automatizada</b>? Antes de mais nada, <a
-          href="https://blog.brasil.io/2020/10/10/como-acessar-os-dados-do-brasil-io/"><b>leia
-            a documentação</b></a> e depois <a href="{{ dataset.files_url }}">baixe
-          o dataset completo</a> ou
-        <a href="{% url 'v1:dataset-detail' dataset.slug %}">utilize
-          nossa API</a>.
-      </p>
-
-      <ul class="tabs tabs-fixed-width" id="tabs">
-        <li class="tab col s3"><a class="active" href="#data">Dados</a></li>
-        <li class="tab col s3"><a href="#metadata">Metadados</a></li>
-      </ul>
-    </div>
-    <div id="data" class="col s12">
-      <div class="row">
-        <div class="col s12 m12">
-          <h5>Filtros</h5>
-
-          <form method="get">
-            <div class="row">
-
-              <div class="input-field col s6">
-                <label class="active" for="search">Busca</label>
-                <input type="text" id="search" name="search" value="{{ search_term }}">
-
-              </div>
-
-              {% for field in filter_form %}
-              <div class="input-field col s6">
-                <label class="active" for="{{ field.name }}">{{ field.label }}</label>
-                {{ field }}
-                {% if field.errors %}
-                  <span class="filter-error">{{ field.errors.as_text }}</span>
-                {% endif %}
-              </div>
-              {% endfor %}
-
-            </div>
-            <div class="row">
-              <input class="btn" type="submit" value="Filtrar">
-            </div>
-
-          </form>
-        </div>
-      </div>
-
-      <div class="row">
-        <p>
-          Dados capturados em {{ version.collected_at }}.
-          {% if table.import_date %}
-            Importação dos dados feita em {{ table.import_date }}.
+    <div class="col s12 m7">
+      <div class="card small main-card">
+        <div class="card-content">
+          <i id="dataset-icon" class="material-icons icon-dataset">{{ dataset.icon }}</i>
+          <h1 class="main-card-title">{{ dataset.name|capfirst }}</h1>
+          <h2 class="main-card-util">{{ dataset.short_description }}</h2>
+          {% if dataset.description != None %}
+          <p>{{ dataset.description }}</p>
           {% endif %}
-        </p>
-
-        <div class="col s12 m7 left" style="padding-left: 0px;">
-          {% if total_count > 0 and total_count <= max_export_rows and querystring %}
-          <a class="btn" href="{% url 'core:dataset-table-detail' slug table.name %}?{% if querystring %}{{ querystring }}&amp;{% endif %}format=csv">
-            Baixar resultado em CSV*
-          </a>
-          <br>
-          * No máximo {{ max_export_rows|localize }} registros serão
-          exportados. Caso você necessite de mais dados, considere
-          <a href="{{ dataset.files_url }}">baixar o dataset completo</a>.
-          {% else %}
-          <a class="btn" href="{{ dataset.files_url }}" target="_blank">
-            Baixar dados completos em CSV
-          </a>
+          {% if dataset.info != None %}
+          <h2 class="main-card-util">Informações úteis</h2>
           {% endif %}
         </div>
-
-        <div class="col s12 m5 right">
-          <ul class="pagination right">
-             <li> {{ data.start_index|localize }}-{{ data.end_index|localize }} de um total de {{ total_count|localize }}</li>
-            {% if data.has_previous %}
-            <li> <a href="?{% if querystring %}{{ querystring }}&amp;{% endif %}page={{ data.previous_page_number }}"><i class="material-icons">chevron_left</i></a> </li>
-            {% endif %}
-
-            {% if data.has_next %}
-            <li> <a href="?{% if querystring %}{{ querystring }}&amp;{% endif %}page={{ data.next_page_number }}"><i class="material-icons">chevron_right</i></a> </li>
-            {% endif %}
-          </ul>
-        </div>
-
       </div>
-
-      <div class="row table-container" style="padding-left: 0px;">
-        {% with table_id=dataset.slug fields=table.fields %}
-        {% include 'core/data-table.html' %}
-        {% endwith %}
+    </div>
+    <div class="col s12 m5">
+      <div class="card side-card small card-flex">
+          <div class="card-content secondary-card-content card-flex-item">
+              <h3 class="center secondary-card-title">Tabelas</h3>
+              <div style="padding: 0 35px 0;">
+                  <ul class="collection">
+                    {% for table in dataset.tables|slice:":4" %}
+                      <a href="{% url 'core:dataset-table-detail' dataset.slug table.name %}" class="collection-item">
+                        {{table.name|capfirst}}
+                      </a>
+                    {% endfor %}
+                  </ul>
+              </div>
+              {% if dataset.tables|length > 4 %}
+              <div class="center"><a href="{% url 'core:dataset-list-detail' dataset.slug 'tabelas' %}">Ver todas</a></div>
+              {% endif %}
+          </div>
       </div>
-
     </div>
-    <div id="metadata" class="col s12">
-
-      <div class="row">
-        <div class="card horizontal">
-          <div class="card-stacked">
-            <div class="card-content">
-              <span class="card-title activator grey-text text-darken-4">
-                Dicionário de Dados - Tabela {{ table.name }}
-              </span>
-
-              <table>
-                <thead>
-                  <tr>
-                    <th>Coluna</th>
-                    <th>Tipo</th>
-                    <th>Título</th>
-                    <th>Descrição</th>
-                  </tr>
-                </thead>
-
-                <tbody>
-                  {% for field in table.fields %}
-                  <tr>
-                    <td> {{ field.name }} </td>
-                    <td> {{ field.type }}{% if field.options_text %} ({{ field.options_text }}){% endif %}</td>
-                    <td> {{ field.title }} </td>
-                    <td> {{ field.description }} </td>
-                  </tr>
+    <div class="col s12">
+      <div class="card medium">
+          <div class="card-content" >
+              <h2 class="side-card-title">{{dataset.name}}</h2>
+              <p>{{ dataset.short_description }}</p>
+              <ul class="metadata">
+                <li class="side-card-data">
+                  Fonte original: <a class="side-card-data-text" href="{{ dataset.source_url }}" title="Ver fonte original">{{ dataset.source_name }}</a>
+                </li>
+                <li class="side-card-data">
+                  Libertado por: <a class="side-card-data-text" href="{{ dataset.author_url }}" title="Ver liberador">{{ dataset.author_name }}</a>
+                </li>
+                <li class="side-card-data">
+                  Código-fonte: <a class="side-card-data-text" href="{{ dataset.code_url }}" title="Ver código-fonte">{{ dataset.code_url }}</a>
+                </li>
+                <li class="side-card-data">
+                  Licença: <a class="side-card-data-text" href="{{ dataset.license_url }}" title="Ver licença">{{ dataset.license_name }}</a>
+                </li>
+                <li class="side-card-data">
+                  Links relacionados:
+                  {% for link in dataset.link_set.all %}
+                    <a href="{{ link.url }}" title="Ver mais" target="_blank">{{ link.title }}</a>{% if not forloop.last %}, {% endif %}
                   {% endfor %}
-                </tbody>
-
-              </table>
-
-            </div>
+                </li>
+              </ul>
+          </div>
+      </div>
+    </div>
+    <div class="col s12">
+      <div class="card">
+          <div class="card-content" >
+              <h2 class="side-card-title">Referências desta base de dados na mídia</h2>
+              <div>
+                <table class="highlight">
+                  <thead>
+                    <tr>
+                      <th>Título</th>
+                      <th>Autor</th>
+                      <th>Categoria</th>
+                      <th>Link</th>
+                    </tr>
+                  </thead>
+
+                  <tbody>
+                    {% if clipping|length > 0 %}
+                    {% for link in clipping %}
+                    <tr onclick="window.open('{{ link.clipping.url }}', '_blank' )" style="cursor: pointer;"
+                      title="Clique para acessar o link">
+                      <td> {{ link.clipping.title }}</td>
+                      <td> {% if link.clipping.author %}{{ link.clipping.author }}{% else %} --- {% endif %} </td>
+                      <td> {{ link.clipping.category }} </td>
+                      <td class="blue-text text-darken-2"> {{ link.clipping.url|truncatechars:30}}</td>
+                    </tr>
+                    {% endfor %}
+                    {% else %}
+                    <tr style="cursor: pointer;">
+                      <td> --- </td>
+                      <td> --- </td>
+                      <td> Nenhum link publicado</td>
+                      <td> --- </td>
+                    </tr>
+                    {% endif %}
+                  </tbody>
+
+                </table>
+                {% if user.is_authenticated %}
+                <div style="margin-top: 5px;">
+                  <a href="{% url 'core:dataset-form-clipping' %}?next={{ request.path|urlencode }}">Sugerir Referência</a>
+                </div>
+                {% endif %}
+              </div>
           </div>
-        </div>
       </div>
-
     </div>
-
   </div>
 </div>
+{% if messages %}
+  {% for message in messages %}
+      <script type=text/javascript>M.toast({html: "{{message}}" })</script>
+  {% endfor %}
+{% endif %}
+
 {% endlocalize %}{% endblock %}
 
 {% block script %}
 {{ block.super }}
-<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+<script type="text/javascript" language="javascript"
+  src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
 <script type="text/javascript">
-  $(document).ready(function() {
+  $(document).ready(function () {
     M.Tabs.init(document.getElementById('tabs'));
     $('select').formSelect();
 
     $('.mdl-data-table').DataTable({
-        "paging":         false,
-        "searching":      false,
-        "ordering":       false,
-        "bInfo":          false,
+      "paging": false,
+      "searching": false,
+      "ordering": false,
+      "bInfo": false,
     });
   });
 </script>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/core/templates/core/dataset-form-clipping.html b/core/templates/core/dataset-form-clipping.html
new file mode 100644
index 00000000..4d3496c3
--- /dev/null
+++ b/core/templates/core/dataset-form-clipping.html
@@ -0,0 +1,67 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block title %}Sugerir novo link - Brasil.IO{% endblock %}
+{% block content %}
+<div class="card" style="margin-top: 50px; padding: 50px 20px">
+    <div>
+        <span class="card-title activator grey-text text-darken-4">
+            Sugerir novo link
+        </span>
+        <div class="row" style="padding-top: 20px;">
+            <form class="col s12" method="post">
+            {% csrf_token %}
+            {% for field in form %}
+            <div class="input-field col s6">
+                {{field}}
+                <label for="{{field.name}}">{{field.label}}</label>
+                {% if field.errors %}
+                <span class="helper-text red-text">{{field.errors}}</span>
+                {% endif %}
+            </div>
+            {% endfor %}
+            <input type="hidden" name="next" value="{{ request.GET.next }}">
+            <div class="col s12">
+                <button class="btn blue waves-effect right">Enviar</button>
+            </div>
+            </form>
+        </div>
+    </div>
+</div>
+{% if message %}
+  <script type=text/javascript>M.toast({html: "{{message}}" })</script>
+{% endif %}
+{% endblock %}
+
+{% block script %}
+{{ block.super }}
+<script type="text/javascript" language="javascript"
+  src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+<script type="text/javascript">
+  $(document).ready(function () {
+    $('select').formSelect();
+    $('.datepicker').datepicker({
+      i18n: {
+        months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
+        monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
+        weekdays: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sabádo'],
+        weekdaysShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
+        weekdaysAbbrev: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
+        today: 'Hoje',
+        clear: 'Limpar',
+        cancel: 'Sair',
+        done: 'Confirmar',
+        labelMonthNext: 'Próximo mês',
+        labelMonthPrev: 'Mês anterior',
+        labelMonthSelect: 'Selecione um mês',
+        labelYearSelect: 'Selecione um ano',
+        selectMonths: true,
+        selectYears: true,
+      },
+      yearRange: [2010,new Date().getFullYear()],
+      format: 'yyyy-mm-dd',
+      container: 'body',
+      maxDate: new Date(),
+    });
+  });
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/core/templates/core/dataset-list-detail.html b/core/templates/core/dataset-list-detail.html
new file mode 100644
index 00000000..9edbc710
--- /dev/null
+++ b/core/templates/core/dataset-list-detail.html
@@ -0,0 +1,53 @@
+{% extends 'base.html' %}
+{% load cache %}
+{% load humanize %}
+{% load l10n %}
+{% load static %}
+{% block title %}{{ dataset.name }} - Datasets {{ listname|capfirst }} - Brasil.IO{% endblock %}
+{% block head %}
+{{ block.super }}
+<link rel="stylesheet" type="text/css" href="{% static 'core/css/dataset-detail.css' %}"/>
+{% endblock %}
+{% block nav %}
+<div class="nav-content indigo">
+  <div class="breadcrumb">
+    <a href="{% url 'core:dataset-list' %}" title="Voltar para Dataset">Datasets</a> > <a
+      href="{% url 'core:dataset-detail' dataset.slug %}" title="Voltar para {{ dataset.name }}">{{ dataset.name }}</a>
+    > {{ listname|capfirst }}
+  </div>
+</div>
+{% endblock %}
+{% block content %}{% localize off %}
+<div class="section">
+  <div class="row">
+    <div class="col s12">
+      <div class="card">
+        <div class="card-content">
+          <h1 class="center secondary-card-title">
+            {{ listname|capfirst }}
+          </h1>
+          <div class="row">
+            <div class="col s12 l8 offset-l2 xl6 offset-xl3">
+              <ul class="collection">
+                {% if listname == "tabelas"%}
+                {% for table in dataset.tables %}
+                <a href="{% url 'core:dataset-table-detail' dataset.slug table.name %}" class="collection-item">
+                  {{table.name|capfirst}}
+                </a>
+                {% endfor %}
+                {% else %}
+                {% for link in clipping %}
+                <a href="#" class="collection-item">
+                  {{link.clipping.vehicle}}
+                </a>
+                {% endfor %}
+                {% endif %}
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endlocalize %}{% endblock %}
\ No newline at end of file
diff --git a/core/templates/core/dataset-table-detail.html b/core/templates/core/dataset-table-detail.html
new file mode 100644
index 00000000..54a871d6
--- /dev/null
+++ b/core/templates/core/dataset-table-detail.html
@@ -0,0 +1,277 @@
+{% extends 'base.html' %}
+{% load cache %}
+{% load humanize %}
+{% load l10n %}
+{% load static %}
+{% load markdown %}
+{% block title %}{{ dataset.name }} - Datasets Table {{ table.name|capfirst }} - Brasil.IO{% endblock %}
+{% block head %}
+{{ block.super }}
+<link rel="stylesheet" type="text/css" href="{% static 'core/css/dataset-detail.css' %}" />
+{% endblock %}
+{% block nav %}
+<div class="nav-content indigo">
+  <div class="breadcrumb">
+    <a href="{% url 'core:dataset-list' %}" title="Voltar para Dataset">Datasets</a> 
+    >
+    <a href="{% url 'core:dataset-detail' dataset.slug %}" title="Voltar para {{ dataset.name }}">{{ dataset.name }}</a>
+    >
+    <!-- Dropdown Trigger -->
+    <a class="dropdown-trigger" href="#!" data-target="dropdown_tables">
+      {{ table.name|capfirst }} <i class="material-icons">arrow_drop_down</i>
+    </a>
+  </div>
+</div>
+<!-- Dropdown Structure -->
+<ul id="dropdown_tables" class="dropdown-content">
+  {% for table in dataset.tables %}
+  <li>
+    <a href="{% url 'core:dataset-table-detail' dataset.slug table.name %}" class="collection-item">
+      {{table.name|capfirst}}
+    </a>
+  </li>
+  {% endfor %}
+</ul>
+{% endblock %}
+{% block content %}{% localize off %}
+<div class="section table-detail">
+  <div class="row">
+    <div class="col s12">
+      <div class="card">
+        <div class="card-content">
+          <h1 class="main-card-title">{{ table.name|capfirst }}</h1>
+          {% if table.short_description != None %}
+          <h2 class="main-card-util">{{ table.short_description }}</h2>
+          {% endif %}
+          {% if table.description != None %}
+          <p>{{ table.description }}</p>
+          {% endif %}
+          <p>
+            Quer <b>baixar os dados completos</b> ou precisa <b>acessá-los de
+              maneira automatizada</b>?
+            <a href="https://blog.brasil.io/2020/10/10/como-acessar-os-dados-do-brasil-io/">
+              <b>leia a documentação</b>
+            </a>
+            e depois
+            <a href="{{ dataset.files_url }}">
+              baixe o dataset completo
+            </a>
+            ou
+            <a href="{% url 'v1:dataset-detail' dataset.slug %}">utilize
+              nossa API
+            </a>.
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="col s12">
+      <div class="card">
+        <ul class="tabs tabs-fixed-width" id="tabs">
+          <li class="tab"><a class="blue-text" href="#form">Dados</a></li>
+          <li class="tab"><a class="blue-text" href="#metadata">MetaDados</a></li>
+          <li class="tab"><a class="blue-text" href="#midia">Publicações na mídia</a></li>
+        </ul>
+        <div class="card-content row">
+          <div id="form" class="col s12">
+            <div class="row" style="margin-bottom:0;">
+              <form class="col s12" method="get">
+                <div class="row">
+                  <div class="col s12">
+                    <div class="input-field col s6">
+                      <label class="active" for="search">Busca</label>
+                      <input type="text" id="search" name="search" value="{{ search_term }}">
+                    </div>
+                    {% for field in filter_form %}
+                    <div class="input-field col s6">
+                      <label class="active" for="{{ field.name }}">{{ field.label }}</label>
+                      {{ field }}
+                      {% if field.errors %}
+                      <span class="filter-error">{{ field.errors.as_text }}</span>
+                      {% endif %}
+                    </div>
+                    {% endfor %}
+                  </div>
+                  <div class="col s12">
+                    <input class="btn blue right" type="submit" value="Filtrar">
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+          <div id="metadata" class="col s12" style="overflow-x: auto;">
+            <div class="row">
+              <div class="col s12">
+                <span class="card-title activator grey-text text-darken-4">
+                  Dicionário de Dados - Tabela {{ table.name }}
+                </span>
+  
+                <table class="highlight">
+                  <thead>
+                    <tr>
+                      <th>Coluna</th>
+                      <th>Tipo</th>
+                      <th>Título</th>
+                      <th>Descrição</th>
+                    </tr>
+                  </thead>
+  
+                  <tbody>
+                    {% for field in table.fields %}
+                    <tr>
+                      <td> {{ field.name }} </td>
+                      <td> {{ field.type }}{% if field.options_text %} ({{ field.options_text }}){% endif %}</td>
+                      <td> {{ field.title }} </td>
+                      <td> {{ field.description }} </td>
+                    </tr>
+                    {% endfor %}
+                  </tbody>
+  
+                </table>
+              </div>
+            </div>
+          </div>
+          <div id="midia" class="col s12">
+            <div class="row">
+              <div class="col s12">
+                <span class="card-title activator grey-text text-darken-4">
+                  Referências desta base de dados na mídia
+                </span>
+                <div>
+
+                </div>
+                <table class="highlight">
+                  <thead>
+                    <tr>
+                      <th>Título</th>
+                      <th>Autor</th>
+                      <th>Categoria</th>
+                      <th>Link</th>
+                    </tr>
+                  </thead>
+
+                  <tbody>
+                    {% if clipping|length > 0 %}
+                    {% for link in clipping %}
+                    {% if link.clipping.published %}
+                    <tr onclick="window.open('{{ link.clipping.url }}', '_blank' )" style="cursor: pointer;"
+                      title="Clique para acessar o link">
+                      <td> {{ link.clipping.title }}</td>
+                      <td> {% if link.clipping.author %}{{ link.clipping.author }}{% else %} --- {% endif %} </td>
+                      <td> {{ link.clipping.category }} </td>
+                      <td class="blue-text text-darken-2"> {{ link.clipping.url|truncatechars:30}}</td>
+                    </tr>
+                    {% endif %}
+                    {% endfor %}
+                    {% else %}
+                    <tr style="cursor: pointer;">
+                      <td> --- </td>
+                      <td> --- </td>
+                      <td> Nenhum link publicado</td>
+                      <td> --- </td>
+                    </tr>
+                    {% endif %}
+                  </tbody>
+
+                </table>
+                {% if user.is_authenticated %}
+                <div>
+                  <a href="{% url 'core:dataset-form-clipping' %}?next={{ request.path|urlencode }}">Sugerir Referência</a>
+                </div>
+                {% endif %}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="col s12 ">
+      <div class="card">
+        <div class="card-content">
+          <h1 class="main-card-title">Dados</h1>
+          <div class="row">
+            <div class="col s12 m6" style="margin-top: 15px;">
+              Dados capturados em {{ version.collected_at }}.<br>
+              {% if table.import_date %}
+              Importação dos dados feita em {{ table.import_date }}.
+              {% endif %}
+            </div>
+            <div class="col s12 m6" style="margin-top: 15px;">
+              <div class="row">
+                {% if total_count > 0 and total_count <= max_export_rows and querystring %} <div class="col s12">
+                  <a class="btn-small blue waves-effect waves-light right"
+                    href="{% url 'core:dataset-table-detail' slug table.name %}?{% if querystring %}{{ querystring }}&amp;{% endif %}format=csv">
+                    Baixar resultado em CSV*
+                  </a>
+              </div>
+              <div class="col s12">
+                <label class="right" style="max-width: 230px; text-align: justify; margin-top: 5px;">
+                  * No máximo {{ max_export_rows|localize }} registros serão
+                  exportados. Caso você necessite de mais dados, considere
+                  <a href="{{ dataset.files_url }}">baixar o dataset completo</a>.
+                </label>
+              </div>
+              {% else %}
+              <div class="col s12">
+                <div class="right">
+                  <a class="btn-small blue waves-effect waves-light" href="{{ dataset.files_url }}" target="_blank">
+                    Baixar dados completos em CSV
+                  </a>
+                </div>
+              </div>
+              {% endif %}
+            </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col s12">
+            <ul class="pagination right">
+              <li> {{ data.start_index|localize }}-{{ data.end_index|localize }} de um total de {{ total_count|localize }}</li>
+              {% if data.has_previous %}
+              <li> <a
+                  href="?{% if querystring %}{{ querystring }}&amp;{% endif %}page={{ data.previous_page_number }}"><i
+                    class="material-icons">chevron_left</i></a> </li>
+              {% endif %}
+
+              {% if data.has_next %}
+              <li>
+                <a href="?{% if querystring %}{{ querystring }}&amp;{% endif %}page={{ data.next_page_number }}"><i
+                    class="material-icons">chevron_right</i></a>
+              </li>
+              {% endif %}
+            </ul>
+          </div>
+          <div class="table-container col s12" style="padding: 0 30px 0;">
+            {% with table_id=dataset.slug fields=table.fields %}
+            {% include 'core/data-table.html' %}
+            {% endwith %}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{% if messages %}
+  {% for message in messages %}
+      <script type=text/javascript>M.toast({html: "{{message}}" })</script>
+  {% endfor %}
+{% endif %}
+{% endlocalize %}{% endblock %}
+
+{% block script %}
+{{ block.super }}
+<script type="text/javascript" language="javascript"
+  src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+<script type="text/javascript">
+  $(document).ready(function () {
+    M.Tabs.init(document.getElementById('tabs'));
+    $('select').formSelect();
+    $(".dropdown-trigger").dropdown();
+    $('.mdl-data-table').DataTable({
+      "paging": false,
+      "searching": false,
+      "ordering": false,
+      "bInfo": false,
+    });
+  });
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/core/tests/test_views.py b/core/tests/test_views.py
index 1c9375dc..eba7ab22 100644
--- a/core/tests/test_views.py
+++ b/core/tests/test_views.py
@@ -47,19 +47,9 @@ def setUp(self):
     def test_display_dataset_table_data_with_expected_template(self):
         response = self.client.get(self.url)
         assert 200 == response.status_code
-        self.assertTemplateUsed(response, "core/dataset-detail.html")
+        self.assertTemplateUsed(response, "core/dataset-table-detail.html")
         assert "" == response.context["search_term"]
 
-    def test_400_if_invalid_filter_choice(self):
-        self.login()
-
-        url = self.url + "?sample_field=xpto&search=algo"
-        response = self.client.get(url)
-        assert 400 == response.status_code
-        self.assertTemplateUsed(response, "core/dataset-detail.html")
-        assert "sample_field" in response.context["filter_form"].errors
-        assert "algo" == response.context["search_term"]
-
     def test_list_table_data_in_context_as_expected(self):
         data = baker.make(self.TableModel, _quantity=10)
 
diff --git a/core/urls.py b/core/urls.py
index 8dabada4..6fe20911 100644
--- a/core/urls.py
+++ b/core/urls.py
@@ -16,8 +16,10 @@
     path("home/", views.home, name="home"),
     path("dataset/<slug>/", views.dataset_detail, name="dataset-detail"),
     path("dataset/<slug>/files/", views.dataset_files_detail, name="dataset-files-detail"),
-    path("dataset/<slug>/<tablename>/", enable_ratelimit(views.dataset_detail), name="dataset-table-detail"),
+    path("dataset/<slug>/<tablename>/", enable_ratelimit(views.dataset_table_detail), name="dataset-table-detail"),
+    path("dataset/<slug>/list_all/<listname>/", views.dataset_list_detail, name="dataset-list-detail"),
     path("datasets/sugira/", views.dataset_suggestion, name="dataset-suggestion"),
+    path("datasets/sugira-clipping/", views.dataset_clipping_suggestion, name="dataset-form-clipping"),
     path("manifesto/", views.manifesto, name="manifesto"),
     path("colabore/", views.collaborate, name="collaborate"),
     path("doe/", views.donate, name="donate"),
diff --git a/core/views.py b/core/views.py
index 61022be5..4139d8ca 100644
--- a/core/views.py
+++ b/core/views.py
@@ -2,6 +2,8 @@
 import uuid
 
 from django.conf import settings
+from django.contrib.contenttypes.models import ContentType
+from django.contrib.messages import success
 from django.core.exceptions import ObjectDoesNotExist
 from django.core.mail import EmailMessage
 from django.core.paginator import Paginator
@@ -10,6 +12,8 @@
 from django.shortcuts import get_object_or_404, redirect, render
 from django.urls import reverse
 
+from clipping.forms import ClippingForm
+from clipping.models import ClippingRelation
 from core.filters import parse_querystring
 from core.forms import ContactForm, DatasetSearchForm, get_table_dynamic_form
 from core.middlewares import disable_non_logged_user_cache
@@ -105,7 +109,61 @@ def dataset_list(request):
     return render(request, "core/dataset-list.html", context)
 
 
-def dataset_detail(request, slug, tablename=""):
+def dataset_list_detail(request, slug, listname):
+    if len(request.GET) > 0 and not request.user.is_authenticated:
+        return redirect(f"{settings.LOGIN_URL}?next={request.get_full_path()}")
+
+    try:
+        clipping_dataset = []
+        if listname == "tabelas":
+            dataset = Dataset.objects.get(slug=slug)
+        else:
+            dataset = Dataset.objects.get(slug=slug)
+            clipping_type_dataset = ContentType.objects.get(app_label="core", model="dataset")
+            clipping_dataset = list(
+                ClippingRelation.objects.filter(
+                    content_type=clipping_type_dataset.id, object_id=dataset.pk, clipping__published=True
+                ).distinct("clipping__vehicle")
+            )
+    except Dataset.DoesNotExist:
+        context = {"message": "Dataset does not exist"}
+        return render(request, "404.html", context, status=404)
+
+    context = {
+        "listname": listname.replace("_", " "),
+        "dataset": dataset,
+        "clipping": clipping_dataset,
+    }
+
+    return render(request, "core/dataset-list-detail.html", context, status=200)
+
+
+def dataset_detail(request, slug):
+    if len(request.GET) > 0 and not request.user.is_authenticated:
+        return redirect(f"{settings.LOGIN_URL}?next={request.get_full_path()}")
+
+    try:
+        dataset = Dataset.objects.get(slug=slug)
+    except Dataset.DoesNotExist:
+        context = {"message": "Dataset does not exist"}
+        return render(request, "404.html", context, status=404)
+
+    clipping_type_dataset = ContentType.objects.get(app_label="core", model="dataset")
+    clipping_dataset = list(
+        ClippingRelation.objects.filter(
+            content_type=clipping_type_dataset.id, object_id=dataset.pk, clipping__published=True
+        ).distinct("clipping__vehicle")
+    )
+
+    context = {
+        "dataset": dataset,
+        "clipping": clipping_dataset,
+    }
+
+    return render(request, "core/dataset-detail.html", context, status=200)
+
+
+def dataset_table_detail(request, slug, tablename=""):
     if len(request.GET) > 0 and not request.user.is_authenticated:
         return redirect(f"{settings.LOGIN_URL}?next={request.get_full_path()}")
 
@@ -204,7 +262,12 @@ def dataset_detail(request, slug, tablename=""):
         if not value:
             del querystring[key]
 
+    clipping_type_table = ContentType.objects.get(app_label="core", model="table")
+    clipping_table = list(ClippingRelation.objects.filter(content_type=clipping_type_table.id, object_id=table.pk))
+    clipping = clipping_table
+
     context = {
+        "clipping": clipping,
         "data": data,
         "dataset": dataset,
         "filter_form": filter_form,
@@ -220,7 +283,34 @@ def dataset_detail(request, slug, tablename=""):
     status = 200
     if filter_form.errors:
         status = 400
-    return render(request, "core/dataset-detail.html", context, status=status)
+    return render(request, "core/dataset-table-detail.html", context, status=status)
+
+
+def dataset_clipping_suggestion(request):
+    if len(request.GET) > 0 and not request.user.is_authenticated:
+        return redirect(f"{settings.LOGIN_URL}?next={request.get_full_path()}")
+
+    message = None
+    if request.method == "POST":
+        clipping_form = ClippingForm(request.POST)
+        if clipping_form.is_valid():
+            clipping = clipping_form.save(commit=False)
+            clipping.added_by = request.user
+            clipping.save()
+
+            success(request, "Sugestão enviada com sucesso")
+
+            return redirect(request.POST.get("next", "/"))
+        else:
+            message = "Erro: Verifique o formulário novamente"
+    else:
+        clipping_form = ClippingForm()
+
+    context = {
+        "form": clipping_form,
+        "message": message,
+    }
+    return render(request, "core/dataset-form-clipping.html", context)
 
 
 def dataset_suggestion(request):
diff --git a/project/settings.py b/project/settings.py
index 08bd8648..e57e3008 100644
--- a/project/settings.py
+++ b/project/settings.py
@@ -73,6 +73,7 @@
     "covid19.apps.Covid19Config",
     "dashboard",
     "traffic_control",
+    "clipping",
 ]
 
 MIDDLEWARE = [
@@ -356,3 +357,11 @@
 LOGGING = DEFAULT_LOGGING.copy()
 LOGGING["handlers"]["null"] = {"class": "logging.NullHandler"}
 LOGGING["loggers"]["django.security.DisallowedHost"] = {"handlers": ["null"], "propagate": False}
+
+# Clipping app
+CONTENTS = {"core": ["dataset", "table"]}
+CATEGORY_CHOICES = [
+    ("noticias_e_entrevistas", "Notícias e Entrevistas"),
+    ("analises", "Análises"),
+    ("podcasts_e_radio", "Podcasts e Rádio"),
+]
diff --git a/project/urls.py b/project/urls.py
index c922500f..a4e1e749 100644
--- a/project/urls.py
+++ b/project/urls.py
@@ -8,6 +8,7 @@
     path("api/", include("project.api_urls")),
     path("auth/", include("brasilio_auth.urls", namespace="brasilio_auth")),
     path("covid19/", include("covid19.urls", namespace="covid19")),
+    path("clipping/", include("clipping.urls")),
     path("django-rq/", include("django_rq.urls")),
     path("markdownx/", include("markdownx.urls")),
     path("", include("core.urls", namespace="core")),