diff --git a/lib/assets/images/records/record-dark.svg b/lib/assets/images/records/record-dark.svg
new file mode 100644
index 0000000..a95f8e3
--- /dev/null
+++ b/lib/assets/images/records/record-dark.svg
@@ -0,0 +1,38 @@
+<svg width="170" height="26" viewBox="0 0 170 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2127_22314)">
+<line x1="1.5" y1="12.5" x2="1.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="7.5" y1="9.5" x2="7.5" y2="16.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="13.5" y1="2" x2="13.5" y2="24" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="19.5" y1="11.5" x2="19.5" y2="14.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="25.5" y1="2" x2="25.5" y2="24" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="31.5" y1="9.5" x2="31.5" y2="16.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="37.5" y1="8.5" x2="37.5" y2="17.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="43.5" y1="12.5" x2="43.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="49.5" y1="12.5" x2="49.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="55.5" y1="8.5" x2="55.5" y2="17.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="61.5" y1="12.5" x2="61.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="67.5" y1="12.5" x2="67.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="73.5" y1="8.5" x2="73.5" y2="17.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="79.5" y1="2" x2="79.5" y2="24" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="85.5" y1="12.5" x2="85.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="91.5" y1="9.5" x2="91.5" y2="16.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="97.5" y1="2" x2="97.5" y2="24" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="103.5" y1="11.5" x2="103.5" y2="14.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="109.5" y1="2" x2="109.5" y2="24" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="115.5" y1="9.5" x2="115.5" y2="16.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="121.5" y1="8.5" x2="121.5" y2="17.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="127.5" y1="12.5" x2="127.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="133.5" y1="12.5" x2="133.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="139.5" y1="2" x2="139.5" y2="24" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="145.5" y1="8.5" x2="145.5" y2="17.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="151.5" y1="12.5" x2="151.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="157.5" y1="12.5" x2="157.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="163.5" y1="8.5" x2="163.5" y2="17.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+<line x1="169.5" y1="12.5" x2="169.5" y2="13.5" stroke="#C8E0F4" stroke-width="3" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2127_22314">
+<rect width="170" height="25" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/assets/images/records/record-light.svg b/lib/assets/images/records/record-light.svg
new file mode 100644
index 0000000..375ee5b
--- /dev/null
+++ b/lib/assets/images/records/record-light.svg
@@ -0,0 +1,38 @@
+<svg width="170" height="26" viewBox="0 0 170 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2126_8127)">
+<line x1="1.5" y1="12.5" x2="1.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="7.5" y1="9.5" x2="7.5" y2="16.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="13.5" y1="2" x2="13.5" y2="24" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="19.5" y1="11.5" x2="19.5" y2="14.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="25.5" y1="2" x2="25.5" y2="24" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="31.5" y1="9.5" x2="31.5" y2="16.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="37.5" y1="8.5" x2="37.5" y2="17.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="43.5" y1="12.5" x2="43.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="49.5" y1="12.5" x2="49.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="55.5" y1="8.5" x2="55.5" y2="17.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="61.5" y1="12.5" x2="61.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="67.5" y1="12.5" x2="67.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="73.5" y1="8.5" x2="73.5" y2="17.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="79.5" y1="2" x2="79.5" y2="24" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="85.5" y1="12.5" x2="85.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="91.5" y1="9.5" x2="91.5" y2="16.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="97.5" y1="2" x2="97.5" y2="24" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="103.5" y1="11.5" x2="103.5" y2="14.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="109.5" y1="2" x2="109.5" y2="24" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="115.5" y1="9.5" x2="115.5" y2="16.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="121.5" y1="8.5" x2="121.5" y2="17.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="127.5" y1="12.5" x2="127.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="133.5" y1="12.5" x2="133.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="139.5" y1="2" x2="139.5" y2="24" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="145.5" y1="8.5" x2="145.5" y2="17.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="151.5" y1="12.5" x2="151.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="157.5" y1="12.5" x2="157.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="163.5" y1="8.5" x2="163.5" y2="17.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+<line x1="169.5" y1="12.5" x2="169.5" y2="13.5" stroke="#195D80" stroke-width="3" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2126_8127">
+<rect width="170" height="25" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/assets/images/themes/dark-theme.svg b/lib/assets/images/themes/theme-dark.svg
similarity index 100%
rename from lib/assets/images/themes/dark-theme.svg
rename to lib/assets/images/themes/theme-dark.svg
diff --git a/lib/assets/images/themes/light-theme.svg b/lib/assets/images/themes/theme-light.svg
similarity index 100%
rename from lib/assets/images/themes/light-theme.svg
rename to lib/assets/images/themes/theme-light.svg
diff --git a/lib/constants/assets.dart b/lib/constants/assets.dart
index e22b26f..cf1b73a 100644
--- a/lib/constants/assets.dart
+++ b/lib/constants/assets.dart
@@ -6,6 +6,7 @@ class Assets {
   static const String _baseImagesPath = _basePath + '/images';
   static const String _baseThemesPath = _basePath + '/images/themes';
   static const String _baseAnimationsPath = _basePath + '/animations';
+  static const String _baseRecordsPath = _basePath + '/records';
 
   static String get verticalLogoWithText =>
       _baseImagesPath + '/logos/logo-vertical-$_themeSuffix.svg';
@@ -31,6 +32,8 @@ class Assets {
   static const String lightTheme = _baseThemesPath + '/light-theme.svg';
   static const String darkTheme = _baseThemesPath + '/dark-theme.svg';
 
+  static String get recordDark => _baseRecordsPath + '/$_themeSuffix-theme.svg';
+
   static String get _themeSuffix =>
       DesignConfig.brightness == Brightness.dark ? 'dark' : 'light';
 }
diff --git a/pubspec.yaml b/pubspec.yaml
index 395295a..748390f 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -97,8 +97,10 @@ flutter:
     - lib/assets/images/categories/political-dark.svg
     - lib/assets/images/categories/social-dark.svg
     - lib/assets/images/categories/tech-dark.svg
-    - lib/assets/images/themes/light-theme.svg
-    - lib/assets/images/themes/dark-theme.svg
+    - lib/assets/images/themes/theme-light.svg
+    - lib/assets/images/themes/theme-dark.svg
+    - lib/assets/images/records/record-dark.svg
+    - lib/assets/images/records/record-light.svg
     - lib/assets/animations/indicator.riv