Pregunta 1 · Colores
¿Qué paleta de colores te atrae más?
Selecciona la que más se acerque a lo que imaginas
Minimalista
Blanco, gris, negro
Vibrante
Colores saturados y energéticos
Pastel
Suave, delicado, relajado
Neón / Dark
Brillante, fondo oscuro
Tierras
Naranja, marrón, ocre, calidez
Monocromática
Un solo color en distintas intensidades
Pregunta 2 · Fondo
¿Fondo oscuro o claro?
El fondo define el mood general del sitio
Dark Mode
Texto y contenido sobre fondo oscuro
Dark Mode
Moderno, premium, tech
Light Mode
Texto y contenido sobre fondo claro
Light Mode
Clásico, profesional, legible
Degradado
Fondo con transición de colores
Degradado
Profundidad y dinamismo visual
Color sólido
Fondo con color de marca
Coloreado
Audaz, de impacto inmediato
Pregunta 3 · Sensación
¿Cómo quieres que se sienta quien entra a tu sitio?
La primera impresión lo es todo
🏢 Profesional
Confianza, seriedad, credibilidad
🎨 Creativo
Expresión, originalidad, arte
✦ Lujo
Exclusividad, sofisticación, elegancia
⚡ Tech
Innovación, velocidad, futuro
👋 Amigable
Cercanía, calidez, confianza
🌑 Dramático
Intriga, profundidad, impacto
Pregunta 4 · Tipografía
¿Qué tipo de letra te llama más la atención?
Elige la que mejor representa tu marca — estas son fuentes reales
Diseño que permanece.
Fraunces — Elegante, editorial, clásico moderno
Diseño que permanece.
Geist / Inter — Limpio, neutral, muy legible
DISEÑO QUE PERMANECE.
Syne — Expresivo, fuerte, muy contemporáneo
Diseño que permanece.
Space Mono — Técnico, innovador, geek
Diseño que permanece.
DM Sans — Amigable, ligero, moderno
Pregunta 5 · Títulos
¿Qué tamaño de título prefieres en el hero?
El impacto visual cambia mucho según el tamaño
Sitios web que convierten.
Construimos experiencias que retienen.
Pequeño
Elegante, sofisticado, moderado
Sitios web que convierten.
Construimos experiencias.
Grande
Impactante, directo, poderoso
Sitios web
que convierten.
Gigante
Dramático, de impacto total, moderno
Pregunta 6 · Peso visual
¿Títulos delgados o en negrita?
El grosor del texto transmite distintas emociones
Diseño que permanece.
Delgado (weight 300) — Elegante, ligero, sofisticado
Diseño que permanece.
Normal (weight 500) — Equilibrado, neutral, profesional
Diseño que permanece.
Negrita (weight 800) — Fuerte, seguro, memorable
Pregunta 7 · Espaciado
¿Cuánto espacio entre secciones?
El "aire" que respira un sitio cambia completamente su personalidad
Espaciado compacto
Más contenido visible. Eficiente. Ideal para portales con mucha información.
Compacto — Eficiente, denso, informativo
Espaciado normal
Balance entre información y respiración. El estándar más usado.
Normal — Equilibrado, cómodo, versátil
Espaciado aireado
Cada elemento respira. Sensación de lujo y modernidad.
Aireado — Premium, lujoso, elegante
Pregunta 8 · Layout
¿Cómo quieres organizado el contenido?
La estructura visual del sitio
Grid
Ordenado, simétrico, modular
Masonry
Dinámico, como Pinterest
Full-width
Impactante, inmersivo, secciones grandes
Cards
Modular, flexible, organizado
Pregunta 9 · Bordes
¿Bordes rectos o redondeados?
Este detalle cambia mucho la personalidad del diseño
Sharp / Recto
Moderno, técnico, fuerte
Sutil (6-8px)
Equilibrado, profesional, versátil
Redondeado (16px)
Moderno, suave, amigable
Pill / Cápsulas
Contemporáneo, suave, popular en apps
Pregunta 10 · Estilo de botones
¿Cómo prefieres los botones?
Pasa el cursor sobre cada ejemplo para ver el efecto
Sólido / Filled
CTA claro, directo, alto contraste
Outline / Borde
Elegante, ligero, secundario
Pill blanco
Limpio, minimalista, versátil
Glass / Cristal
Moderno, futurista, sofisticado
Ghost
Sutil, minimalista, secundario
Pregunta 11 · Animaciones de botones
¿Cómo quieres que reaccionen los botones?
Pasa el cursor sobre cada botón para ver la animación real
Lift
Se eleva suavemente — moderno, elegante
Fill
Rellena de color — llamativo, directo
Glow
Resplandece — futurista, premium
Slide
Se desliza — dinámico, contemporáneo
Bounce
Rebota — divertido, joven, energético
Pregunta 12 · Cantidad de animaciones
¿Cuánto movimiento quieres en el sitio?
Desde muy estático hasta muy interactivo
🪨
Todo fijo, sin movimiento
Carga rapidísimo, sin distracciones
Sin animaciones
Máxima velocidad, minimalismo total
✨
Fade-in al hacer scroll, hover en botones
Sutil, profesional, no distrae
Pocas y sutiles
El estándar más profesional
🎬
Animaciones de entrada, parallax, transiciones suaves
Dinámico pero organizado
Moderadas
Interactivo, memorable, moderno
🚀
Micro-interacciones en todo, cursor personalizado, efectos 3D
Alto impacto, tipo agencia creativa
Muchas
Wow-effect total, ultra creativo
Pregunta 13 · Velocidad
¿A qué velocidad se animan los elementos?
Pasa el cursor sobre cada botón
Instantáneo, snappy, energético
Natural, equilibrado, profesional
Dramático, lujoso, deliberado
Pregunta 14 · Scroll
¿Cómo aparecen los elementos al hacer scroll?
👻
Fade-in
Se desvanecen suavemente al aparecer
⬆️
Slide desde abajo
Suben al entrar al viewport — muy moderno
🔍
Zoom-in
Aparecen creciendo — dinámico
⬛
Sin animación
Visible siempre — limpio, rápido
Pregunta 15 · Sombras y profundidad
¿Cuánta sombra y profundidad quieres?
Sin sombra
Flat / Sin sombra
Limpio, plano, minimalista
Sombra suave
Sutil
Ligera profundidad, profesional
Sombra media
Media
Profundidad clara, moderno
Sombra fuerte
Dramática
Gran profundidad, impactante
Pregunta 16 · Gradientes
¿Quieres gradientes en el diseño?
Sin gradiente
Colores planos y sólidos
Lineal
Transición suave en una dirección
Multicolor
Violeta, azul, cyan — muy popular
Dark gradient
Sutil, elegante, dark mode
Pregunta 17 · Efecto Cristal
¿Te gusta el efecto glassmorphism?
El efecto de "vidrio esmerilado" que usan Apple, Vercel y muchas apps modernas
Card con Glass Effect
Fondo difuminado, transparente. Muy popular en 2024-2025.
Sí, glassmorphism
Moderno, futurista, elegante — estilo Apple
Card con fondo sólido
Más limpio, más simple, más rápido.
No, sólido
Limpio, clásico, sin efectos de vidrio
Pregunta 18 · Navegación
¿Cómo quieres el menú de navegación?
Logo
InicioPortafolioPreciosContacto
Top horizontal
Clásico, familiar, siempre visible
Flotante / Pill
Moderno, innovador — estilo Linear, Vercel
Logo
Ultra minimalista
Solo lo esencial — logo + botón de acción
Logo
☰
Hamburguesa / Oculto
Limpio, se despliega al hacer click
Pregunta 19 · Inspiración
¿Cuál de estos sitios se parece más a lo que imaginas?
No tiene que ser exactamente igual, solo el que más te guste
Vercel.com
Minimalista extremo, dark mode, tipografía grande, muy pocas animaciones
Linear.app
Dark mode con gradientes suaves, tipografía mediana, muy refinado
Stripe.com
Gradientes de color, muy profesional, animaciones en scroll, confianza
Framer.com
Muy interactivo, muchas animaciones, diseño creativo, agencia-style
Apple.com
Lujo, espaciado enorme, fotos perfectas, animaciones lentas y dramáticas
Notion.so
Limpio, accesible, light mode, sin muchas animaciones, directo
Pregunta 20 · Imágenes
¿Qué tipo de imágenes quieres en el sitio?
📸
Fotos reales
Autenticidad, conexión humana, confianza
🎨
Ilustraciones
Personalidad, diferenciación, creativo
◼️
Iconos
Limpio, minimalista, técnico
🧊
3D renders
Futurista, diferente, wow-effect
Aa
Solo tipografía
Ultra minimalista, editorial, abstracto
💻
Screenshots
Muestra el producto en uso, confianza
Pregunta 21 · Hero
¿Cómo quieres la primera sección del sitio?
Tu producto cambia todo.
Descripción breve de lo que haces.
Texto centrado
Clásico, limpio, funciona siempre
Tu producto cambia todo.
Descripción breve.
Imagen
Split hero
Texto + imagen, muy profesional
[VIDEO DE FONDO]
Tu producto cambia todo.
Descripción breve de lo que haces.
Video de fondo
Inmersivo, dramático, memorable
Tu producto cambia todo.
Descripción breve.
Full-screen
Portada completa, máximo impacto
Pregunta 22 · Movimiento visual
¿Prefieres diseño simétrico o asimétrico?
Simétrico
Equilibrado, ordenado, profesional
Asimétrico
Dinámico, creativo, moderno
Pregunta 23 · Decoración
¿Quieres elementos decorativos de fondo?
Geométrico
Líneas, círculos, cuadros sutiles
Aurora / Blob
Gradiente animado de fondo, moderno
Dot grid
Grid de puntos — técnico, Notion-style
Solo contenido
Sin decoración
Limpio, el contenido habla solo
Pregunta 24 · Iconos
¿Qué estilo de iconos prefieres?
☆ △ ○ □
Outline
Fino, ligero, moderno
★ ▲ ● ■
Filled
Relleno, sólido, claro
🚀 ✨ 💡 ⚡
Emoji / ilustrativos
Divertido, cercano, expresivo
Sin iconos
Sin iconos
Solo texto, ultra editorial
Pregunta 25 · Parallax
¿Quieres efecto parallax al hacer scroll?
El parallax crea profundidad: los elementos se mueven a distintas velocidades
Los elementos de fondo se mueven más lento que el contenido, creando sensación de profundidad y espacio.
Con parallax
Inmersivo, moderno, sensación 3D
Todo se desplaza a la misma velocidad. Más rápido, más predecible y mejor para dispositivos móviles.
Sin parallax
Limpio, rápido, mejor rendimiento
Pregunta 26 · Tarjetas
¿Cómo quieres las tarjetas / cards del sitio?
Servicio
Descripción breve del servicio o feature.
Borde sutil
Elegante, minimalista, moderno
Servicio
Descripción breve del servicio o feature.
Glow border
Con brillo de color, premium
Servicio
Descripción breve del servicio o feature.
Flotante
Con sombra, efecto elevado
Servicio
Descripción breve del servicio o feature.
Sin bordes
Ultra minimalista, editorial
Pregunta 27 · Formularios / inputs
¿Cómo quieres los campos de texto?
Borde completo
Claro, visible, tradicional
Underline
Elegante, moderno, open
Filled
Claro, seguro, visible — estilo Material
Pregunta 28 · Movimiento visual
¿Qué movimiento de diseño visual te llama más?
Minimalismo
Menos es más. Solo lo esencial.
Brutalismo
Crudo, rompedor, sin filtros
Futurismo
Tech, cyberpunk, vanguardia
Retro / Vintage
Nostalgia, calidez, personalidad
Pregunta 29 · Prioridad
¿Qué es lo más importante para ti en el diseño?
🎨
Que sea bonito
Impacto visual, first impression
💰
Que convierta
CTAs claros, orientado a ventas
⚡
Que sea rápido
Rendimiento, carga en ms
🦄
Que sea diferente
Que nadie más tenga algo igual
Pregunta 30 · Última pregunta
¿Hay alguna marca o empresa cuyo diseño admiras?
No tiene que ser un competidor. Puede ser cualquier empresa que te guste visualmente.
🎉
¡Listo! Ya conocemos tu estilo.
Nuestro equipo tiene toda la información para crear algo que realmente te represente.
¿Cómo prefieres hablar con nosotros?
Tu información está protegida y solo la usa el equipo de StrategIAmind.