Modo mover — arrastra cualquier texto marcado con borde punteado
100%
Editar contenido — Estudio Rosco
Elige qué página quieres personalizar. Los colores y el tamaño de letra que cambies aquí solo afectan a esa página — las demás quedan igual.
ACENTO PRINCIPAL
Texto principal
Texto secundario, así se ve un párrafo normal del sitio.
Sección oscura (solo aplica en Contacto)
TEXTO SECUNDARIO OSCURO
Secciones claras — de esta página
El color detrás de esta página, arriba en el recuadro.
Tarjetas de proyectos e imágenes mientras cargan.
Títulos y el texto que más se lee — "Texto principal" arriba.
Párrafos y descripciones — "Texto secundario" arriba.
Las rayitas finas que separan secciones y tarjetas.
Acento — color de marca de esta página
El color que más destaca: etiquetas, subrayados, cifras — "ACENTO PRINCIPAL" arriba.
Versión más suave, usada al pasar el cursor sobre botones y links.
Fondo oscuro — solo se ve en Contacto
Fondo de Contacto (y del pie de página, que comparte este color).
Títulos dentro de esa sección oscura.
Etiquetas pequeñas ahí mismo, como "Correo" o "Teléfono".
Iluminación al pasar el cursor — solo en esta página
Tipografía — tamaño de letra de esta página
Ajustes globales — aplican a todo el sitio
Si lo desactivas, todas las páginas se quedan fijas en blanco y negro, sin reaccionar al cursor.
Color del menú de navegación, el mismo en todas las páginas.
Publicar cambios en el sitio en línea
Cuando editas, los cambios quedan como borrador en este navegador. Al dar Publicar cambios, se guardan en tu repositorio de GitHub (archivo content.json) y Vercel o GitHub Pages actualizan el sitio para todos tus visitantes. Tarda más o menos un minuto en verse.
Déjalo en content.json si tu index.html está en la raíz del repositorio. Si está dentro de una carpeta (por ejemplo public/), escribe public/content.json.
En GitHub: Settings → Developer settings → Personal access tokens → Fine-grained tokens. Límitalo a este repositorio y dale el permiso "Contents: Read and write". Se guarda solo en este navegador, nunca dentro del sitio.
Otras opciones
Descargar content.json sirve si prefieres subir el archivo tú mismo al repositorio. Descartar borra los cambios que aún no has publicado y vuelve a la versión en línea.
Inicio
Pega un enlace directo a una imagen (termina en .jpg, .png o .webp). Los links de Google Imágenes, Pinterest, Instagram o Facebook casi nunca funcionan — usa un servicio como postimages.org o imgbb.com.
Servicios
Proyectos
Estudio
Contacto
Ejemplo: 5526995348 — se usará para el enlace de llamada.
Este texto aparece ya escrito cuando alguien te contacta desde el botón de WhatsApp.
Pega tu link completo. Mientras esté vacío, el botón de Instagram no aparece en el sitio.
Pega tu link completo. Mientras esté vacío, el botón de TikTok no aparece en el sitio.
Pie de página
Esta es la versión en inglés del sitio — se muestra cuando alguien da click en el botón "EN". Si dejas un campo vacío, se usa el texto en español mientras tanto.
Inicio
Servicios
Proyectos
Estudio
Contacto
Pie de página
Cómo entrar a este panel
No hay ningún botón visible en el sitio. Para abrir este panel: baja hasta el final de la página y da 5 clics rápidos en cualquier parte de la barra oscura del pie de página (donde dice el copyright) — no necesitas acertarle a un punto exacto, toda esa franja funciona. Luego escribe la contraseña.
En computadora también puedes usar el atajo Ctrl + Shift + R.
Guarda este dato en un lugar seguro; es la única forma de entrar.
Cómo actualizar el sitio
Los cambios que haces aquí se guardan como borrador en este navegador. Para que todos los visitantes los vean, usa el botón Publicar cambios (arriba en este panel, o en la pestaña Publicar). La primera vez tendrás que conectar tu repositorio de GitHub; después es un solo clic.
Imágenes: sube tus fotos o renders a un servicio de hosting (Google Drive con enlace público, Imgur, Cloudinary, etc.) y pega aquí el enlace directo a la imagen.
Proyectos: cada proyecto necesita un título, categoría, imagen de portada y descripción. La galería es opcional — pega varias URLs separadas por coma.
Mover textos
Cierra este panel y te deja arrastrar cualquier texto del sitio a donde quieras.
Respaldo de contenido
Copia todo tu contenido, colores y posiciones actuales para guardarlo o compartirlo.
Si algo se ve desactualizado
Borra todos los cambios guardados en ESTE navegador (colores, textos, imágenes, posiciones) y vuelve a cargar el sitio con la última versión del archivo. Útil cuando actualizo el archivo y sigues viendo lo anterior. Exporta un respaldo primero si quieres conservar algo.
