diff --git a/src/features/DisplayFont/ui/FontSampler/FontSampler.svelte b/src/features/DisplayFont/ui/FontSampler/FontSampler.svelte
index 5d891c0..a9d5d73 100644
--- a/src/features/DisplayFont/ui/FontSampler/FontSampler.svelte
+++ b/src/features/DisplayFont/ui/FontSampler/FontSampler.svelte
@@ -38,6 +38,12 @@ const letterSpacing = $derived(controlManager.spacing);
 // Adjust the property name to match your UnifiedFont type
 const fontType = $derived((font as any).type ?? (font as any).category ?? '');
 
+// Extract provider badge with fallback
+const providerBadge = $derived(
+    font.providerBadge
+        ?? (font.provider === 'google' ? 'Google Fonts' : 'Fontshare'),
+);
+
 const stats = $derived([
     { label: 'SZ', value: `${fontSize}PX` },
     { label: 'WGT', value: `${fontWeight}` },
@@ -73,7 +79,7 @@ const stats = $derived([
             bg-paper dark:bg-dark-card
         "
     >
-        <!-- Left: index · name · type badge -->
+        <!-- Left: index · name · type badge · provider badge -->
         <div class="flex items-center gap-2 sm:gap-4 min-w-0 shrink-0">
             <span class="font-mono text-[0.625rem] tracking-widest text-neutral-400 uppercase leading-none shrink-0">
                 {String(index + 1).padStart(2, '0')}
@@ -91,6 +97,13 @@ const stats = $derived([
                     {fontType}
                 </Badge>
             {/if}
+
+            <!-- Provider badge -->
+            {#if providerBadge}
+                <Badge size="xs" variant="default" class="text-nowrap font-mono" data-provider={font.provider}>
+                    {providerBadge}
+                </Badge>
+            {/if}
         </div>
 
         <!-- Right: stats, hidden on mobile, fade in on group hover -->
diff --git a/src/features/GetFonts/model/state/manager.svelte.ts b/src/features/GetFonts/model/state/manager.svelte.ts
index f17057d..dd35e6f 100644
--- a/src/features/GetFonts/model/state/manager.svelte.ts
+++ b/src/features/GetFonts/model/state/manager.svelte.ts
@@ -1,16 +1,10 @@
 import { createFilterManager } from '../../lib/filterManager/filterManager.svelte';
-import {
-    FONT_CATEGORIES,
-    FONT_PROVIDERS,
-    FONT_SUBSETS,
-} from '../const/const';
 import { filtersStore } from './filters.svelte';
 
 /**
  * Creates initial filter config
  *
- * Uses dynamic filters from backend if available,
- * otherwise falls back to hard-coded constants
+ * Uses dynamic filters from backend with empty state initially
  */
 function createInitialConfig() {
     const dynamicFilters = filtersStore.filters;
@@ -33,26 +27,10 @@ function createInitialConfig() {
         };
     }
 
-    // Fallback to hard-coded constants (backward compatibility)
+    // No filters loaded yet - return empty state
     return {
         queryValue: '',
-        groups: [
-            {
-                id: 'providers',
-                label: 'Font provider',
-                properties: FONT_PROVIDERS,
-            },
-            {
-                id: 'subsets',
-                label: 'Font subset',
-                properties: FONT_SUBSETS,
-            },
-            {
-                id: 'categories',
-                label: 'Font category',
-                properties: FONT_CATEGORIES,
-            },
-        ],
+        groups: [],
     };
 }