Walk Create Community through the Figma screens and restore a chosen logo after reload, so a guest can leave without saving until they reach the email step.

app/components/cards/Rule/Rule.view.tsx

@@ -168,7 +168,7 @@ export function RuleView({
         logoUrl.startsWith("http://localhost") ||
         logoUrl.startsWith("https://localhost");
 
-      const containerClass = `${logoContainerClass} relative rounded-full overflow-hidden mix-blend-luminosity`;
+      const containerClass = `${logoContainerClass} relative overflow-hidden rounded-full bg-[var(--color-surface-invert-brand-teal)]`;
 
       if (isLocalhost) {
         return (
@@ -179,7 +179,7 @@ export function RuleView({
               alt={logoAlt || title}
               width={logoSize}
               height={logoSize}
-              className="w-full h-full object-cover rounded-full"
+              className="h-full w-full rounded-full object-cover opacity-70 mix-blend-color-burn"
             />
           </div>
         );
@@ -192,7 +192,7 @@ export function RuleView({
             alt={logoAlt || title}
             width={logoSize}
             height={logoSize}
-            className="w-full h-full object-cover rounded-full"
+            className="h-full w-full rounded-full object-cover opacity-70 mix-blend-color-burn"
           />
         </div>
       );