Drommo
Magzin Clone — portada editorial de revista
Página web

Magzin Clone — portada editorial de revista

Prompt

Ruta sugerida: magzin-clone Objetivo: Crear una landing page web premium, moderna, editorial, inmersiva, elegante, funcional y responsive para una plataforma ficticia de revista digital llamada MAGZIN. Nota de marca: Crear una plataforma ficticia y original inspirada en revistas digitales y publicaciones editoriales, sin copiar logos, nombres comerciales, identidad visual exacta, textos oficiales, assets propietarios ni diseños exactos de ninguna revista real. Concepto principal: La web debe sentirse como entrar a una sala editorial 3D donde una revista premium se abre frente al usuario. Al hacer scroll, la cámara recorre una mesa editorial con portadas flotantes, páginas animadas, fotografías, columnas, tarjetas de artículos, archivo, newsletter, membresías y contacto editorial. Requisitos principales: Crear una landing page completa, moderna, funcional y responsive.; Incluir canvas 3D visible e integrado.; Agregar animaciones de scroll 3D.; Agregar efectos parallax en textos, revista, páginas, portadas, fotografías, tarjetas, autores, categorías, botones, papel, sombras y fondos.; Todos los botones deben funcionar correctamente.; Optimizar para desktop, tablet y móvil.; Usar márgenes amplios, separación clara entre secciones y buena jerarquía visual.; Evitar saturación visual.; Usar contenido ficticio para artículos, autores, fechas, portadas, categorías, precios y membresías. Estructura: header: logo: MAGZIN; menu: Home; Featured; Articles; Categories; Authors; Archive; Membership; Contact; botones: Subscribe; Read Latest; descripcion: Header fijo con fondo translúcido tipo glassmorphism, menú móvil hamburguesa funcional, scroll suave y microinteracciones editoriales.; hero: titulo: A 3D Digital Magazine Experience for Stories That Deserve Space; subtitulo: Explore featured essays, interviews, culture, design, business, technology and lifestyle through an immersive editorial interface.; busqueda: input: Search articles, authors or topics; selector: Culture; Design; Business; Tech; Travel; Lifestyle; Opinion; boton: Search Magazine; botones: Open the Magazine; Read Featured Story; Subscribe Now; visual: Revista 3D premium sobre mesa editorial, páginas flotantes, fotografías, titulares, tarjetas de artículos, lámpara de lectura, cámara, tablet con edición digital, partículas de papel y profundidad visual.; canvas_3d: descripcion: Crear una escena 3D editorial premium dentro de un canvas.; elementos: Revista 3D abierta; Portada principal; Páginas animadas; Fotografías editoriales ficticias; Tarjetas de artículos flotantes; Mesa de edición; Lámpara de lectura; Cámara fotográfica; Pluma o lápiz editorial; Tablet con edición digital; Archivo de números anteriores; Newsletter card; Tarjeta de membresía; CTA flotante de suscripción; hotspots: Cover Story; Featured Article; Editor’s Pick; Photography; Categories; Archive; Newsletter; Subscribe; secciones: nombre: Magazine Overview; titulo: A Premium Digital Magazine for Modern Readers; cards: Longform Stories; Editorial Photography; Curated Categories; Member Editions; nombre: Featured Story; articulo: The Future of Slow Media in a Fast Digital World; botones: Read Story; Save Story; Listen Audio Version; Share; nombre: Articles; articulos: Designing Calm Interfaces; Cities After Midnight; The Business of Independent Creators; Why Print Still Inspires Digital Layouts; A Guide to Better Visual Taste; Inside a Minimalist Studio; Technology and Human Attention; The New Culture of Remote Work; Travel Notes From Quiet Places; The Art of Building a Personal Archive; botones: Open Article; Save; Add to Reading List; nombre: Reading Mode; funciones: Increase Font; Decrease Font; Toggle Dark Mode; Close Reading Mode; nombre: Categories; categorias: Culture; Design; Technology; Business; Travel; Lifestyle; Photography; Opinion; Interviews; Essays; Archives; Member Edition; nombre: Authors; autores: Mara Linden; Theo Vale; Nina Cross; Elias Ford; Clara Monet; Julian Reed; Sofia Hart; Atlas Gray; nombre: Editor’s Picks; descripcion: Mostrar 6 artículos destacados por el editor con badge, razón editorial, botón para leer y botón para guardar.; nombre: Visual Essays / Photo Stories; ensayos: Light on Concrete; Portraits of Work; Quiet Markets; Objects With Memory; Architecture of Pause; nombre: Archive; issues: Issue 01: Origins; Issue 02: Motion; Issue 03: Cities; Issue 04: Craft; Issue 05: Futures; Issue 06: Quiet Power; nombre: Newsletter; frase: One curated issue in your inbox. No noise.; boton: Subscribe to MAGZIN Weekly; nombre: Membership; planes: Free Reader; Weekly Subscriber; Member Edition; Patron Circle; Editorial Partner; nombre: Community; opciones: Reader comments; Reading lists; Member discussions; Polls; Topic requests; Letter to editor; Saved collections; nombre: Partnerships; opciones: Sponsored editorial slots; Brand stories; Newsletter sponsorship; Culture reports; Event partnerships; nombre: Testimonials; testimonios: MAGZIN feels like a calm digital magazine, not another noisy feed.; The visual essays and reading mode make longform content feel premium.; The archive helped me discover stories I would have missed.; nombre: FAQ; preguntas: Can I read articles for free?; Can I subscribe to the newsletter?; Can I save articles?; Can I access previous issues?; Are there member-only editions?; Can brands request a media kit?; Is the reading experience mobile-friendly?; nombre: Contact; campos: Name; Email; Inquiry Type; Topic Interest; Submission Title; Author Bio; Membership Interest; Message; boton: Contact Editorial Team; footer: links: Featured; Articles; Categories; Authors; Archive; Newsletter; Membership; Partnerships; Contact; Terms; Privacy; Editorial Policy; Social Links Interacciones obligatorias: El menú debe navegar con scroll suave.; Open the Magazine debe activar una animación guiada en el canvas 3D.; Read Featured Story debe llevar a Featured y abrir la historia destacada.; Subscribe Now debe llevar a Membership o Newsletter.; Search Magazine debe filtrar o mostrar resultados simulados.; Los hotspots del canvas deben mostrar información.; Read Story y Open Article deben abrir modo lectura.; Save y Save Story deben cambiar estado a guardado.; Listen Audio Version debe activar audio simulado.; Share debe mostrar confirmación.; Add to Reading List debe agregar el artículo.; Increase Font y Decrease Font deben modificar el tamaño del texto.; Toggle Dark Mode debe alternar tema.; Explore Category debe filtrar artículos o enfocar una zona del canvas.; View Author debe abrir perfil.; Follow Author debe cambiar estado.; View Gallery debe abrir lightbox.; Subscribe to MAGZIN Weekly debe validar email y mostrar confirmación.; Choose Membership debe seleccionar plan y mostrar resumen.; FAQ debe expandirse y cerrarse correctamente.; Contact Editorial Team debe validar campos y mostrar confirmación.; El menú móvil debe abrir y cerrar correctamente.; Todos los botones deben tener hover, active state y feedback visual. Estilo visual: descripcion: Editorial, premium, minimalista, sofisticado, cultural, moderno y legible.; paleta: Blanco papel; Negro tinta; Crema editorial; Gris piedra; Azul editorial; Rojo profundo; Verde salvia; Dorado sutil; Gris grafito; recursos: Glassmorphism sutil; Tarjetas limpias; Tipografía editorial; Páginas 3D; Portadas; Fotografías; Líneas finas; Grids; Texturas de papel; Sombras suaves; Bordes redondeados Resultado esperado: Una landing page completa, inmersiva y funcional para Magzin Clone 3D, con canvas 3D, revista digital original, portada interactiva, páginas animadas, artículos, modo lectura, categorías, autores, editor’s picks, ensayos visuales, archivo, newsletter, membresía, comunidad, partnerships, testimonios, FAQ, contacto, formulario funcional, scroll animations 3D, parallax, hotspots, botones funcionales, diseño responsive, márgenes amplios y estética premium de publicación editorial.

Tipo
Página web
Tecnología
HTML, CSS, JavaScript
  • landing page
  • magzin
  • clone
Crear en Drommo

«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.

Ideas parecidas

MessiPágina web
Clon de Salesforce: Cliente 360Página web
Clon de Trello: tableros KanbanPágina web