Skip to content

bug(frontend): Sin favicon, sin OG tags, sin branding — el sitio no tiene identidad visual #451

Description

@VECTORG99

Problema

El frontend desplegado carece completamente de identidad de marca:

1. No hay favicon

frontend/public/ contiene solo un .gitkeep vacío. No existe favicon.ico, favicon.svg, ni apple-touch-icon.png. El browser muestra el icono genérico de página.

2. No hay Open Graph / social tags

No existe ningún openGraph, twitter:card, ni meta social en layout.tsx ni en ningún page. Si alguien comparte el link en Slack/Discord/Twitter, aparece:

  • Sin imagen preview
  • Sin descripción social
  • Título genérico

3. No hay logo

El nombre "Huascar" aparece como texto pero no hay ningún logotipo, icono de marca ni asset visual que identifique el producto.

Solución

  1. Favicon: Crear un favicon SVG con la identidad roja del producto (simple "H" o símbolo). Generar .ico y apple-touch-icon.png.
  2. OG Tags: Agregar en layout.tsx:
    openGraph: {
      title: "Huascar — Creador de Agentes",
      description: "Diseña agentes de desarrollo y operación...",
      type: "website",
      url: "https://huascar.vercel.app",
      images: [{ url: "/og-image.png", width: 1200, height: 630 }]
    },
    twitter: { card: "summary_large_image" }
  3. OG Image: Crear una imagen 1200x630 con el nombre + tagline sobre fondo dark.

Criterio de aceptación

  • Favicon visible en el tab del browser
  • Compartir la URL muestra preview con imagen y descripción
  • El favicon refleja la identidad del producto (no genérico)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingpriority:criticalMust be done immediately

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions