Clon de subpila: boletines

Ruta sugerida: substack-clone Objetivo: Desarrollar una landing page web premium, moderna, editorial, inmersiva, elegante, funcional y responsive para presentar una plataforma ficticia y original de newsletters, publicaciones independientes, blogs, ensayos, podcasts, comunidades de lectores, suscripciones, membresías, autores, monetización simulada, analytics, editor de texto, archivo de publicaciones, recomendaciones y crecimiento de audiencia. Nota de marca: Crear una plataforma ficticia y original inspirada en herramientas modernas de publicación y newsletters, pero sin copiar logos, nombre comercial, identidad visual exacta, textos oficiales, assets propietarios, interfaz protegida, colores oficiales, estructura visual específica ni diseño exacto de Substack u otra marca real. Usar una marca propia como LetterNest, EssayCloud, WriterLoop, InkSignal o PublishRoom. Concepto principal: La web debe sentirse como entrar a una biblioteca editorial 3D donde las ideas se transforman en cartas, páginas, newsletters, ensayos y comunidades vivas. A medida que el usuario hace scroll, la cámara debe recorrer un espacio con escritorios de autores, páginas flotantes, sobres luminosos, estanterías digitales, tarjetas de posts, perfiles de escritores, editor minimalista, paneles de suscriptores, analytics, comentarios, podcasts y un área final de registro. Requisitos principales: Crear una landing page completa, moderna, funcional y responsive.; Incluir un canvas 3D visible e integrado en la experiencia principal.; Agregar animaciones de scroll 3D.; Agregar efectos parallax en textos, cartas, páginas, newsletters, escritorios, libros, editor, autores, posts, comentarios, analytics, botones, pricing y fondos.; Crear una experiencia enfocada en publicación editorial, newsletters, escritores, lectores, suscripciones, comunidad, podcasts, editor, archivo, analytics, monetización simulada y conversión.; Todos los botones deben funcionar correctamente.; Optimizar para desktop, tablet y móvil.; Usar animaciones suaves, editoriales, cálidas y con buen rendimiento.; Usar datos ficticios para publicaciones, autores, lectores, suscriptores, ingresos, precios, comentarios, podcasts y métricas.; No prometer ingresos garantizados, crecimiento automático ni audiencias reales.; Incluir mensajes visibles como: fictional creator data, demo publishing flow y subscriber growth depends on audience, consistency and content quality. Organizacion visual: max_width: 1200px o 1280px; padding_desktop: 96px a 150px por sección; padding_mobile: 24px a 32px; gaps: 24px, 32px o 48px; fondos: crema papel; negro tinta; blanco editorial; verde salvia; naranja cálido; azul noche; bloques glassmorphism; texturas de papel; líneas de escritura; grids editoriales; divisores sutiles; cards_publicaciones: Las tarjetas de publicaciones deben mostrar título, autor ficticio, categoría, tiempo de lectura, fecha, tipo de acceso, extracto y CTA de forma clara.; cards_autores: Las tarjetas de autores deben mostrar nombre, tema, bio, suscriptores ficticios, publicación principal y CTA.; editor: El editor debe tener tipografía legible, estilo minimalista, toolbar clara, estado de guardado, preview y botones de publicación. Estructura: header: logo: LETTERNEST; menu: Home; Discover; Write; Newsletters; Community; Analytics; Pricing; Contact; botones: Start Writing; Explore Reads; descripcion: Header fijo con fondo translúcido tipo glassmorphism claro u oscuro, menú móvil hamburguesa funcional y scroll suave hacia cada sección.; microinteracciones: Logo con pluma o sobre abstracto dibujado con línea suave; Enlaces con underline animado tipo trazo editorial; Botones con elevación, glow naranja, verde y cian; Menú móvil con transición limpia; hero: titulo: Publish Ideas, Grow Readers and Build a Paid Newsletter in 3D; subtitulo: Write posts, send newsletters, build a reader community, manage memberships and understand your audience from one elegant publishing workspace.; accion_principal: input: What do you want to publish?; selector: Newsletter; Essay; Podcast; Community Post; Paid Series; Blog; Weekly Digest; Personal Journal; boton: Create Publication; botones: Enter LetterNest; Explore Publications; Start Free; texto_visible: Demo publishing platform with fictional authors, posts and subscriber data.; visual: Biblioteca editorial 3D con páginas flotantes, sobres luminosos, escritorio de escritor, laptop con editor, estanterías, tarjetas de publicaciones, avatares de autores, comentarios, analytics, suscripciones y profundidad visual.; canvas_3d: nombre: Editorial Publishing Experience; descripcion: Crear una escena 3D dentro de un canvas que represente una biblioteca digital premium para escritores.; elementos: Escritorio editorial 3D; Laptop con editor abierto; Páginas flotantes; Sobres de newsletter; Estanterías digitales; Tarjetas de publicaciones; Perfil de autor; Comentarios de lectores; Panel de suscriptores; Dashboard de analytics; Podcast card; Archivo de posts; Membership card; CTA flotante de registro; hotspots: Writing Editor; Newsletter Send; Publication Card; Reader Comments; Membership; Podcast Post; Analytics; Start Writing; animacion_principal: El botón Enter LetterNest debe activar una animación donde la cámara entra a la biblioteca, enfoca el editor, escribe un título, publica un post, envía newsletter, muestra lectores abriendo cartas, activa comentarios, abre analytics y termina frente al CTA Start Writing.; secciones: nombre: Platform Overview; titulo: Write, Publish and Build a Loyal Reader Community; descripcion: Explicar que LetterNest ayuda a escritores, periodistas, creadores, analistas y comunidades a publicar ideas, enviar newsletters, gestionar miembros y entender qué contenido conecta con su audiencia.; cards: Elegant Editor; Newsletter Delivery; Reader Community; Membership Analytics; nombre: Discover Publications; publicaciones: The Quiet Signal; Future Notes Weekly; Design Letters; Code & Coffee Dispatch; Market Mood Journal; Slow Travel Essays; Founder Field Notes; Culture Thread; Deep Work Digest; Creative Systems; campos: Autor ficticio; Categoría; Extracto; Frecuencia; Tiempo de lectura; Tipo: free, paid, community, podcast; Suscriptores ficticios; botones: Open Publication; Subscribe; Save Read; nombre: Publication Detail; elementos: Título; Autor; Bio breve; Categoría; Últimos posts; Archivo; About; Comunidad; Plan de membresía; botones: Read Latest; Subscribe Free; Become Paid Member; Share Publication; nombre: Writing Editor; elementos: Título; Subtítulo; Cuerpo del artículo; Toolbar minimalista; Imagen placeholder; Tags; Categoría; Preview; Estado de guardado; botones: Start Draft; Preview Post; Publish Demo; Send Newsletter; nombre: Reader Experience; elementos: Artículo ficticio; Autor; Tiempo de lectura; Tabla de contenido; Modo lectura; Botones de tamaño de texto; Highlight; Save; Share; Comentarios; botones: Open Reader Mode; Highlight Quote; Save Article; Add Comment; nota: No usar artículos reales ni textos protegidos.; nombre: Newsletter; elementos: Audience segment; Subject line; Preview email; Delivery time; Open rate ficticio; Click rate ficticio; Subscriber count ficticio; botones: Create Campaign; Preview Email; Schedule Send; Send Test; nombre: Authors; autores: Ava Marlow — Culture Essays; Leo Park — Product Notes; Nora Vega — Design Systems; Milo Reed — Startup Letters; Sofia Lane — Travel Writing; Kai Torres — Tech Commentary; Luna Brooks — Creative Practice; Orion Finch — Deep Work; botones: Open Author; Follow; Read Top Post; nombre: Community; elementos: Comments; Discussion threads; Member-only posts; Polls; Q&A; Reader notes; Events placeholder; Community guidelines; botones: Join Discussion; Post Comment; Vote Poll; Ask Question; nombre: Membership / Monetization; elementos: Free subscribers; Paid members; Monthly revenue ficticio; Founding member tier; Member-only posts; Perks; Upgrade flow; botones: Create Paid Tier; Preview Member Post; Upgrade Demo; Manage Members; nota: Revenue data is fictional and not guaranteed.; nombre: Podcast / Audio Posts; podcasts: Essay Room Audio; The Weekly Signal; Founder Voice Notes; Design Desk Podcast; Culture Brief; Deep Work Radio; botones: Play Episode; Save Episode; Subscribe Audio; nota: No usar audio real protegido.; nombre: Creator Dashboard / Analytics; metricas: Subscribers; Free to paid conversion ficticia; Open rate; Click rate; Top posts; New comments; Revenue demo; Growth trend; Churn placeholder; botones: Open Analytics; Compare Posts; Export Report; View Growth Tips; nombre: Publishing Tools; herramientas: Custom publication page; Email capture form; Import subscribers placeholder; Tags and archive; SEO basics; Referral program placeholder; Custom domain placeholder; Moderation controls; botones: Customize Publication; Create Signup Form; Import Demo Subscribers; Open Settings; nombre: Recommendations / Discovery; elementos: Recommended writers; Similar publications; Trending topics ficticios; Reading history; Saved reads; Category filters; botones: Refresh Recommendations; Follow Topic; Hide Suggestion; Save Recommendation; nombre: Pricing; planes: Free Reader; Writer Starter; Publication Pro; Community Growth; Editorial Studio; plan_recomendado: Publication Pro; botones: Choose Plan; Start Free; nota: Revenue and growth examples are fictional.; nombre: Testimonials; testimonios: LetterNest made publishing feel calm, independent and beautifully organized.; The 3D editor and newsletter flow made it clear how posts become reader relationships.; Analytics helped us understand which essays invited the most discussion.; nombre: FAQ; preguntas: Is this an official Substack website?; Can I publish newsletters?; Can I create paid memberships?; Can I write articles and audio posts?; Can I build a reader community?; Are authors, metrics and revenue real?; Does this guarantee subscriber growth?; Is the website responsive on mobile?; nota: Incluir respuesta clara indicando que es una plataforma ficticia original sin afiliación con Substack u otra marca real.; nombre: Signup / Contact; campos: Name; Email; Publication Name; Main Topic; Creator Type; Audience Size; Plan Interest; Publishing Goal; Message; Consent Checkbox; checkbox: I understand this is a fictional publishing platform concept with simulated authors, posts, subscribers and revenue data.; boton: Create LetterNest Publication; footer: logo: LETTERNEST; texto: Original fictional publishing platform concept. Not affiliated with Substack or any real newsletter brand.; links: Discover; Write; Newsletters; Authors; Community; Memberships; Podcasts; Analytics; Pricing; Contact; Terms; Privacy; Publishing Disclaimer; Social links Interacciones obligatorias: El menú debe navegar con scroll suave a cada sección.; Enter LetterNest debe activar animación guiada en el canvas 3D.; Explore Publications debe llevar a Discover.; Start Free debe llevar a Pricing o Signup.; Create Publication debe crear publicación simulada según el tipo elegido.; Los hotspots del canvas deben mostrar información.; Open Publication debe abrir detalle.; Subscribe debe cambiar estado.; Save Read debe guardar publicación.; Read Latest debe abrir artículo.; Subscribe Free debe registrar suscripción simulada.; Become Paid Member debe abrir membresía.; Share Publication debe mostrar confirmación.; Start Draft debe crear borrador.; Preview Post debe abrir preview.; Publish Demo debe cambiar estado a publicado.; Send Newsletter debe simular envío.; Open Reader Mode debe activar modo lectura.; Highlight Quote debe resaltar fragmento ficticio.; Save Article debe cambiar estado.; Add Comment debe agregar comentario.; Create Campaign debe crear campaña.; Preview Email debe abrir vista previa.; Schedule Send debe crear programación.; Send Test debe mostrar confirmación.; Open Author debe abrir perfil.; Follow debe cambiar estado.; Read Top Post debe abrir artículo.; Join Discussion debe cambiar estado.; Post Comment debe abrir formulario.; Vote Poll debe registrar voto visual.; Ask Question debe crear pregunta.; Create Paid Tier debe crear nivel simulado.; Preview Member Post debe abrir vista.; Upgrade Demo debe mostrar flujo simulado.; Manage Members debe abrir panel.; Play Episode debe activar reproductor simulado.; Save Episode debe cambiar estado.; Subscribe Audio debe cambiar estado.; Open Analytics debe abrir panel.; Compare Posts debe mostrar comparación.; Export Report debe mostrar confirmación.; View Growth Tips debe abrir recomendaciones.; Customize Publication debe cambiar visual.; Create Signup Form debe crear formulario.; Import Demo Subscribers debe mostrar importación simulada.; Open Settings debe abrir panel.; Refresh Recommendations debe reorganizar resultados.; Follow Topic debe cambiar estado.; Hide Suggestion debe ocultar tarjeta.; Save Recommendation debe guardar.; Choose Plan debe seleccionar plan y mostrar resumen.; FAQ debe expandirse y cerrarse correctamente.; Create LetterNest Publication debe validar campos, checkbox y mostrar confirmación.; El formulario 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. Animaciones: La cámara debe moverse desde la biblioteca hacia editor, discover, publication detail, reader experience, newsletter, authors, community, memberships, audio posts, analytics, publishing tools, pricing y signup.; Las páginas deben aparecer desde profundidad usando translateZ, scale y fade.; Los sobres deben abrirse con animación suave y liberar partículas de tinta.; El editor debe mostrar escritura simulada con cursor animado.; Las publicaciones deben organizarse como tarjetas editoriales flotantes.; Los artículos deben abrirse como páginas de lectura con transición calmada.; Los comentarios deben aparecer como notas pequeñas en el margen.; Las newsletters deben viajar como cartas luminosas hacia lectores abstractos.; Los dashboards deben ensamblarse con widgets y métricas progresivas.; Las tarjetas de membresía deben elevarse con hover 3D.; Los podcasts deben aparecer como tarjetas de audio con ondas suaves.; El archivo debe mostrarse como estantería o timeline editorial.; El formulario debe aparecer con transición limpia desde profundidad. Estilo visual: descripcion: Editorial, literario, premium, cálido, minimalista, moderno, independiente y humano.; paleta: Crema papel; Negro tinta; Blanco editorial; Naranja cálido; Verde salvia; Azul noche; Cian suave; Gris grafito; Verde éxito; Rojo suave para errores; recursos: Glassmorphism suave; Tarjetas limpias; Páginas flotantes; Sobres; Escritorios; Libros; Editor minimalista; Dashboards; Comentarios; Sombras suaves; Bordes redondeados; tipografia: Tipografía moderna y editorial; títulos con personalidad, cuerpo de texto muy legible y editor con excelente lectura. Resultado esperado: Una landing page completa, inmersiva y funcional para “Substack Clone 3D”, con identidad original tipo “LetterNest”, canvas 3D, biblioteca editorial, editor de escritura, publicaciones ficticias, reader mode, newsletters, autores, comunidad, membresías, audio posts, analytics, publishing tools, recomendaciones, pricing, testimonios, FAQ, signup, formulario funcional con checkbox de concepto ficticio, scroll animations 3D, parallax, hotspots, botones funcionales, diseño responsive, márgenes amplios, separación clara entre componentes y estética premium de plataforma editorial original.