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.
Cómo activarlo
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.
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.
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
- Pulsas Build it y respondes a las preguntas antes de crear.
- Briks planifica el sitio.
- Si Approve the words before building está activado, apruebas primero los textos.
- 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".
- Si Choose the hero from four wireframes está activado, a continuación eliges el hero.
- 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
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.
Pulsa Use this look
Dónde: Studio
Aparece debajo de cada tablero y en la parte superior de la vista a tamaño completo.
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.
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
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.
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.