--- title: "Elige un estilo | Briks" url: https://briks.dev/es/docs/pick-a-look description: "Mira tres estilos antes de crear tu sitio: tablero de colores, tipografía, esquinas, botón y tarjetas con tus palabras de portada. Construye el que elijas." last_updated: 2026-10-08 --- # Elige un estilo ¿No sabes cómo debería verse tu sitio? Activa **Choose the look from three directions** y la primera creación se detiene tras la planificación para mostrarte tres estilos, cada uno dibujado con las palabras de tu propia portada. Eliges uno y todo el sitio se crea con él. Permanece desactivado a menos que lo actives. 5 minutos de lectura Comprobado con el estudio el 8 de octubre de 2026 ## Cómo activarlo 1. Activa el interruptor Dónde: How it is built En el sexto paso de New project, activa **Choose the look from three directions**. Viene desactivado. 2. Revisa la revisión Dónde: Review and create La revisión lo muestra en **How it is built** como **On**. Pulsa **Build it**. En briks.dev, el menú **+** del cuadro de instrucciones tiene un interruptor **Pick a look first**: "See three looks for your business and build the one you pick." Llega a la página New project ya activado. Cuándo no se ofrece Pick a look es para páginas web y apps creadas sin un sitio que te guste. Si añades un sitio, el paso dice "Your reference site decides the look and the hero, so there is none to choose." Para un dashboard dice "A dashboard builds straight through, with no words to approve and no look or hero to choose." El interruptor también aparece en **Preferences** del proyecto, pero solo afecta a una primera compilación que aún no se ha planificado, así que la página New project es el lugar donde ajustarlo. ## En qué momento entra en la creación 1. Pulsas **Build it** y respondes a las [preguntas antes de crear](https://briks.dev/es/docs/questions-before-building). 2. Briks planifica el sitio. 3. Si **Approve the words before building** está activado, apruebas primero los textos. 4. Los tres estilos están dibujados. El estado dice **Waiting for your approval** y el cuadro de mensaje dice "Describe the look you want, or choose one above". 5. Si **Choose the hero from four wireframes** está activado, a continuación eliges el hero. 6. El sitio se crea con el aspecto que elegiste y se publica como vista previa. Los tableros llegan como un mensaje: "Here are three looks for the site, each drawn in one of the studio's own styles with your words. Pick one, or describe the look you want." ## Qué muestran los tableros Cada tablero se dibuja en tamaño de escritorio y se muestra pequeño en la conversación. Haz clic en uno para verlo a tamaño completo; las flechas, o las teclas izquierda y derecha, te mueven entre los tres. Cada tablero contiene: - el nombre del estilo y una línea que lo describa; - seis muestras de color: **Ground**, **Surface**, **Ink**, **Muted**, **Accent** y **Soft**; - las dos tipografías por su nombre, con una **Aa** grande en la tipografía de los títulos; - las palabras de tu hero: la línea pequeña sobre el título, el título, la línea de debajo y hasta dos botones; - tres tarjetas de muestra, que enseñan las esquinas y cómo se lee una fila de tarjetas en conjunto. Los tableros no llevan fotografías. Muestran color, tipografía y forma, que es lo que distingue a las tres. | Aspecto | Cómo lo describe el estudio | | --- | --- | | **Nórdico / limpio** | Tranquilo y ligero: fondo claro, texto negro, esquinas cuadradas y mucho espacio. | | **Warm** | Cercano y editorial: tonos cálidos de papel, una serif con carácter, un acento vivo. Para un negocio que trabaja con las manos, como una panadería, una floristería o una carpintería, resulta natural y artesanal: crema y verde oliva, una serif suave, esquinas redondeadas. | | **Negrita** | Alegre y llamativo: un color de acento saturado, una tipografía redondeada y robusta, y esquinas grandes y suaves. | ## Elegir un aspecto 1. Compáralos a tamaño completo Dónde: Studio Abre cada tablero. Fíjate en el título con su tipografía y en los botones: transmiten el estilo más que las muestras de color. 2. Pulsa Use this look Dónde: Studio Aparece debajo de cada tablero y en la parte superior de la vista a tamaño completo. 3. Deja que construya Dónde: Studio El tablero que elegiste queda marcado como **Chosen** y los demás se atenúan. La línea de actividad dice "Building in the look you chose." ## Si ninguna es la adecuada Escribe lo que quieres en el cuadro, por ejemplo `Como el Warm pero más oscuro, con una sans serif sencilla para los títulos`. Los tres tableros se dejan a un lado (la tarjeta dice "Set aside for what you described") y Briks sigue con el aspecto previsto, acercado a tus palabras. No dibuja tres tableros nuevos: tu descripción se convierte en la elección y la creación continúa. Una vez construido el sitio, cualquier aspecto del diseño se puede cambiar con un mensaje. Los colores o la tipografía de los que estés seguro se pueden fijar en **Design rules**, dentro de **Preferences**, para que todas las construcciones posteriores los respeten. ## Lo que cuesta Planificar y dibujar los tableros es la primera parte de la compilación. Se cobra por el trabajo que llevó, y el resto de los 50 créditos retenidos en **Build it** se devuelven mientras la compilación te espera. Al elegir se inicia una nueva retención Al pulsar **Use this look** empieza el resto de la construcción, que reserva hasta 50 créditos (lo que tenga tu saldo, hasta un mínimo de 5) y se cobra por el trabajo que lleva. Si en ese momento tienes menos de 5, el estudio lo indica y la elección queda en espera. Describir un look en el cuadro, en cambio, reserva 5, igual que un cambio. En el plan Free, con 50 créditos en total, esto puede dejarte corto, así que revisa tu saldo antes de activarlo. ## Cuándo usarlo - Úsalo cuando aún no tengas colores ni tipografías y prefieras elegir a partir de imágenes en lugar de describir un estilo con palabras. - Sáltalo cuando tus colores y tipografía ya estén definidos: configúralos en **Your brand**. - Sáltalo cuando hayas encontrado un sitio que te guste. Ese sitio marca el aspecto, así que no se ofrece el interruptor. - Sáltatelo si no vas a estar: la compilación espera en los tableros hasta que elijas. ## Ejemplos prácticos Elegido Una floristería en York > La descripción habla de una floristería con trabajo para bodas y entregas semanales. **Choose the look from three directions** está activado. Como una floristería trabaja con las manos, el tablero **Warm** muestra crema y verde oliva, una serif suave y esquinas redondeadas. La dueña lo elige y el sitio se construye con él. Descritas en su lugar Un asesor fiscal en Leicester > Ninguna de las tres le convenció. La dueña escribió: `Nordic, but with a deep green accent and a serif for headings.` Los tableros se dejan a un lado y la construcción sigue con el aspecto planeado, desplazado hacia un acento verde y títulos con serifas. ## Preguntas frecuentes ### ¿Puedo volver a ver los tableros más tarde? Si elegiste uno, sí: se quedan en la conversación con tu elección marcada como **Chosen**. Los tableros que dejaste de lado a favor de una descripción no se vuelven a mostrar. ### ¿Puedo elegir un aspecto para un sitio que ya existe? No. Los tableros van antes de la primera creación. Para un sitio ya creado, describe el cambio en un mensaje, como `Colores más cálidos y una tipografía serif para los títulos`. ### ¿Funciona para apps? Sí. Tanto las páginas web como las apps reciben los tableros cuando el interruptor está activado y no se añadió ningún sitio que te guste. Los dashboards no. ## Sigue leyendo - [Compilando **Aprueba mientras se crea** Pausa la primera construcción: aprueba los textos, elige uno de tres estilos y un hero entre cuatro diseños grises. Cómo activarlo y su coste.](https://briks.dev/es/docs/approval-steps) - [Compilando **Empieza un nuevo proyecto** Cada opción de Nuevo proyecto, paso a paso: tipo de proyecto, brief, un sitio que te guste, marca, imágenes, ajustes de creación y el coste de empezar.](https://briks.dev/es/docs/new-project) - [Compilando **Crear desde un sitio que te gusta** Añade un sitio y hasta seis capturas que te gusten. Briks lee su diseño, espaciado, tipografía, movimiento y menús, y crea el tuyo con ese espíritu, sin copiar.](https://briks.dev/es/docs/build-from-sites-you-like) - [Primeros pasos **Créditos y planes** Cómo funcionan los créditos de Briks: reservas de 50 y 5, cobros por el trabajo hecho, compilaciones en espera, qué pasa en cero y qué incluye cada plan.](https://briks.dev/es/docs/credits-and-plans) ¿Sigues atascado? Escribe a [hello@briks.dev](mailto:hello@briks.dev) con el nombre de tu proyecto y lo que esperabas ver. Una captura de pantalla ayuda.