Imagina

la teva marca

p

o

s

i

c

i

o

n

a

d

a

.

Estudi de brànding i disseny
per impulsar empreses amb propòsit.

Imagina

la teva marca

p

o

s

i

c

i

o

n

a

d

a

.

Estudi de brànding i disseny
per impulsar empreses amb propòsit.

Imagina

la teva marca

Imagina

la teva marca

Imagina petit

Imagina petit

1. Estratègica

1. Estratègica

2. Memorable

2. Memorable

3. Sostenible

3. Sostenible

4. Duradora

4. Duradora

1. Estratègica-trencaclosques

1. Estratègica-trencaclosques

2. Memorable-estrelles

2. Memorable-estrelles

3. Sostenible-cor

3. Sostenible-cor

4. Duradora-fletxa

4. Duradora-fletxa

SERVEIS
SERVEIS

Disseny premium,

tot inclòs.

Socis estratègics. Disseny a demanda per una tarifa mensual.

Pensat especialment per negocis i start-ups que necessiten actuar amb rapidesa, sense perdre temps en pressupostos.

Dedicat a transformar el teu negoci a través del servei de disseny, anticipant-nos a les teves necessitats i proposant valor continu.

BRÀNDING TRÈVOL CLUB

BRÀNDING TRÈVOL CLUB

Consultoria i disseny sense límits.

Gestió experta de la estratègia i comunicació amb tots els serveis inclosos, sense límits, servits d’un en un, organitzats amb eines accesibles com Trello. Actualització constant i reunions mensuals.

Servei a demanda.

El servei es renova mensualment. Pots cancel·lar amb un mes d’antelació, sense preguntes.

Eficient en temps i recursos.

100% encarat a l’entrega del servei, sense perdre temps en pressupostos. Anem a totes.

Eficaç en consecució d’objectius.

Disseny consistent i aliniat en l’estratègia de marca. Estem centrats en la teva transformació aspiracional aportant previsió de les teves necessitats, oferint els actius que considerem decisius per la consecució dels teus objectius.

Satisfacció garantida.

Revisions fins aconseguir els objectius desitjats.

Escalable*.

Possibilitat d’escalar la proposta de valor amb especialistes dedicats. *Preu a valorar segons necessitats.

Consultoria i disseny sense límits.

Gestió experta de la estratègia i comunicació amb tots els serveis inclosos, sense límits, servits d’un en un, organitzats amb eines accesibles com Trello. Actualització constant i reunions mensuals.

Servei a demanda.

El servei es renova mensualment. Pots cancel·lar amb un mes d’antelació, sense preguntes.

Eficient en temps i recursos.

100% encarat a l’entrega del servei, sense perdre temps en pressupostos. Anem a totes.

Eficaç en consecució d’objectius.

Disseny consistent i aliniat en l’estratègia de marca. Estem centrats en la teva transformació aspiracional aportant previsió de les teves necessitats, oferint els actius que considerem decisius per la consecució dels teus objectius.

Satisfacció garantida.

Revisions fins aconseguir els objectius desitjats.

Escalable*.

Possibilitat d’escalar la proposta de valor amb especialistes dedicats. *Preu a valorar segons necessitats.

2-identitat

3-web

4-editorial

5-packaging

Brànding

Consultoria i estratègia de marca

Investigació i ideació

Propòsit, missió i visió

Posicionament

Proposta de valor

Personalitat estètica

Identitat verbal

Naming

Document estratègic

La millor oportunitat d’èxit passa per una marca amb rumb clar. Una estratègia ben definida aporta consistència, fa créixer la confiança i connecta amb el client de manera autèntica.

Posem els fonaments perquè la teva marca sigui rellevant i memorable, tant emocionalment com racional.

Identitat visual

Logotip, tipografia i colors corporatius

Il·lustracions i 3D

Fotografia i direcció d’art

Manual de marca i guies d’ús

Animació

Retolació de locals i vehicles

Registre de marca

La teva identitat visual és el primer contacte amb el client. No es tracta només d’un logotip o una paleta de colors, sinó de crear un univers visual que transmeti el teu propòsit amb coherència i impacte.

Una identitat clara i ben executada et posiciona, et diferencia i comunica, des del primer cop d’ull, el valor real del teu producte o servei.

Web

Estratègia i disseny

Landing page (servei o producte)

Web corporativa

UI/UX

3D

Copywriting

Responsive

La teva web és molt més que un aparador: és la teva veu activa, sempre disponible. Ha de fer alguna cosa més que informar: ha de captivar, guiar i convertir.

Per això, creem experiències digitals que connecten amb el teu públic, articulant un viatge clar des del descobriment fins a l’acció.

Editorial

Catàlegs de producte o serveis

Memòries

Edicions especials

Publicitat

Material corporatiu

La impremta ha mort, llarga vida a la impremta!

Quan el paper parla, ho fa amb caràcter. La textura, la tipografia, els plecs i els acabats creen una experiència tangible que cap pantalla pot igualar.

Per això dissenyem cada peça amb precisió, cuidant cada detall i treballant colze a colze amb la impremta per donar vida a històries que es toquen i es recorden.

Packaging

Alimentació

Salut i bellesa

El packaging és la teva primera oportunitat per captar i convèncer. En un entorn ple d’opcions, ha de parlar per si sol: transmetre valor, diferenciar-se i connectar amb el consumidor en segons.

Dissenyem envasos que no només són atractius, sinó que responen a una estratègia de marca clara, assegurant impacte, funcionalitat i viabilitat tècnica per al mercat.

Brànding

Consultoria i estratègia de marca

Investigació i ideació

Propòsit, missió i visió

Posicionament

Proposta de valor

Personalitat estètica

Identitat verbal

Naming

Document estratègic

La millor oportunitat d’èxit passa per una marca amb rumb clar. Una estratègia ben definida aporta consistència, fa créixer la confiança i connecta amb el client de manera autèntica.

Posem els fonaments perquè la teva marca sigui rellevant i memorable, tant emocionalment com racional.

Identitat visual

Logotip, tipografia i colors corporatius

Il·lustracions i 3D

Fotografia i direcció d’art

Manual de marca i guies d’ús

Animació

Retolació de locals i vehicles

Registre de marca

La teva identitat visual és el primer contacte amb el client. No es tracta només d’un logotip o una paleta de colors, sinó de crear un univers visual que transmeti el teu propòsit amb coherència i impacte.

Una identitat clara i ben executada et posiciona, et diferencia i comunica, des del primer cop d’ull, el valor real del teu producte o servei.

Web

Estratègia i disseny

Landing page (servei o producte)

Web corporativa

UI/UX

3D

Copywriting

Responsive

La teva web és molt més que un aparador: és la teva veu activa, sempre disponible. Ha de fer alguna cosa més que informar: ha de captivar, guiar i convertir.

Per això, creem experiències digitals que connecten amb el teu públic, articulant un viatge clar des del descobriment fins a l’acció.

Editorial

Catàlegs de producte o serveis

Memòries

Edicions especials

Publicitat

Material corporatiu

La impremta ha mort, llarga vida a la impremta!

Quan el paper parla, ho fa amb caràcter. La textura, la tipografia, els plecs i els acabats creen una experiència tangible que cap pantalla pot igualar.

Per això dissenyem cada peça amb precisió, cuidant cada detall i treballant colze a colze amb la impremta per donar vida a històries que es toquen i es recorden.

Packaging

Alimentació

Salut i bellesa

El packaging és la teva primera oportunitat per captar i convèncer. En un entorn ple d’opcions, ha de parlar per si sol: transmetre valor, diferenciar-se i connectar amb el consumidor en segons.

Dissenyem envasos que no només són atractius, sinó que responen a una estratègia de marca clara, assegurant impacte, funcionalitat i viabilitat tècnica per al mercat.

Brànding

Consultoria i estratègia de marca

Investigació i ideació

Propòsit, missió i visió

Posicionament

Proposta de valor

Personalitat estètica

Identitat verbal

Naming

Document estratègic

La millor oportunitat d’èxit passa per una marca amb rumb clar. Una estratègia ben definida aporta consistència, fa créixer la confiança i connecta amb el client de manera autèntica.

Posem els fonaments perquè la teva marca sigui rellevant i memorable, tant emocionalment com racional.

Identitat visual

Logotip, tipografia i colors corporatius

Il·lustracions i 3D

Fotografia i direcció d’art

Manual de marca i guies d’ús

Animació

Retolació de locals i vehicles

Registre de marca

La teva identitat visual és el primer contacte amb el client. No es tracta només d’un logotip o una paleta de colors, sinó de crear un univers visual que transmeti el teu propòsit amb coherència i impacte.

Una identitat clara i ben executada et posiciona, et diferencia i comunica, des del primer cop d’ull, el valor real del teu producte o servei.

Web

Estratègia i disseny

Landing page (servei o producte)

Web corporativa

UI/UX

3D

Copywriting

Responsive

La teva web és molt més que un aparador: és la teva veu activa, sempre disponible. Ha de fer alguna cosa més que informar: ha de captivar, guiar i convertir.

Per això, creem experiències digitals que connecten amb el teu públic, articulant un viatge clar des del descobriment fins a l’acció.

Editorial

Catàlegs de producte o serveis

Memòries

Edicions especials

Publicitat

Material corporatiu

La impremta ha mort, llarga vida a la impremta!

Quan el paper parla, ho fa amb caràcter. La textura, la tipografia, els plecs i els acabats creen una experiència tangible que cap pantalla pot igualar.

Per això dissenyem cada peça amb precisió, cuidant cada detall i treballant colze a colze amb la impremta per donar vida a històries que es toquen i es recorden.

Packaging

Alimentació

Salut i bellesa

El packaging és la teva primera oportunitat per captar i convèncer. En un entorn ple d’opcions, ha de parlar per si sol: transmetre valor, diferenciar-se i connectar amb el consumidor en segons.

Dissenyem envasos que no només són atractius, sinó que responen a una estratègia de marca clara, assegurant impacte, funcionalitat i viabilitat tècnica per al mercat.

Disseny premium,

tot inclòs.

Socis estratègics. Disseny a demanda per una tarifa mensual.

Pensat especialment per negocis i start-ups que necessiten actuar amb rapidesa, sense perdre temps en pressupostos.

Dedicat a transformar el teu negoci a través del servei de disseny, anticipant-nos a les teves necessitats i proposant valor continu.

BRÀNDING TRÈVOL CLUB

Consultoria i disseny sense límits.

Gestió experta de la estratègia i comunicació amb tots els serveis inclosos, sense límits, servits d’un en un, organitzats amb eines accesibles com Trello. Actualització constant i reunions mensuals.

Servei a demanda.

El servei es renova mensualment. Pots cancel·lar amb un mes d’antelació, sense preguntes.

Eficient en temps i recursos.

100% encarat a l’entrega del servei, sense perdre temps en pressupostos. Anem a totes.

Eficaç en consecució d’objectius.

Disseny consistent i aliniat en l’estratègia de marca. Estem centrats en la teva transformació aspiracional aportant previsió de les teves necessitats, oferint els actius que considerem decisius per la consecució dels teus objectius.

Satisfacció garantida.

Revisions fins aconseguir els objectius desitjats.

Escalable*.

Possibilitat d’escalar la proposta de valor amb especialistes dedicats. *Preu a valorar segons necessitats.

VISIÓ
VISIÓ
CONNECTEM ESTRATÈGIA AMB CREATIVITAT, ASSEGURANT QUE CADA ACTIU DISSENYAT S'ALINEA AMB ELS OBJECTIUS EMPRESARIALS.
CONNECTEM ESTRATÈGIA AMB CREATIVITAT, ASSEGURANT QUE CADA ACTIU DISSENYAT S'ALINEA AMB ELS OBJECTIUS EMPRESARIALS.
CONNECTEM ESTRATÈGIA AMB CREATIVITAT, ASSEGURANT QUE CADA ACTIU DISSENYAT S'ALINEA AMB ELS OBJECTIUS EMPRESARIALS.

PERTINENÇA

PERTINENÇA

CONSISTÈNCIA

CONSISTÈNCIA

PROPOSTA ÚNICA DE VALOR

PROPOSTA ÚNICA DE VALOR

RAPIDESA

RAPIDESA

TRANSPARÈNCIA

TRANSPARÈNCIA

ENFOCATS EN EL CLIENT

ENFOCATS EN EL CLIENT

FLEXIBILITAT

FLEXIBILITAT

RETORN DE LA INVERSIÓ

RETORN DE LA INVERSIÓ

PREGUNTES FREQÜENTS
PREGUNTES FREQÜENTS

La solució com a cultura.

La solució com a cultura.

Per què escollir Vilaplana Studio?

Com funciona el servei de subscripció?

Hi ha un límit de sol·licituds?

Com és el procés de revisió?

Puc pausar o cancel·lar quan vulgui?

Hi ha altres maneres de treballar plegats?

Tinc un altre dubte.

Per què escollir Vilaplana Studio?

Com funciona el servei de subscripció?

Hi ha un límit de sol·licituds?

Com és el procés de revisió?

Puc pausar o cancel·lar quan vulgui?

Hi ha altres maneres de treballar plegats?

Tinc un altre dubte.

Per què escollir Vilaplana Studio?

Com funciona el servei de subscripció?

Hi ha un límit de sol·licituds?

Com és el procés de revisió?

Puc pausar o cancel·lar quan vulgui?

Hi ha altres maneres de treballar plegats?

Tinc un altre dubte.

PERSPECTIVES

L’estratègia de marca: el far que guia el teu negoci

Quan pensem en branding, sovint ens ve al cap un logotip, una tipografia atractiva o una gamma de colors ben triada. Però la realitat és que la identitat visual és només la punta de l’iceberg. L’autèntica fortalesa d’una marca es construeix des de l’estratègia: una base sòlida que defineix què representa, com vol ser percebuda i com es diferencia dins el seu sector.

Una estratègia de marca ben definida no només ajuda a comunicar amb coherència, sinó que també permet a l’empresa prendre decisions més clares i eficients. Sense ella, la marca queda a mercè de les tendències del moment, sense una direcció clara ni un posicionament diferencial.

Construir una marca amb propòsit i coherència

En un món cada cop més saturat de missatges i estímuls visuals, les marques que aconsegueixen destacar són aquelles que tenen un propòsit clar i el comuniquen de manera autèntica. Això és especialment important per a les marques amb compromís sostenible, que necessiten transmetre la seva missió sense caure en el greenwashing ni en discursos buits.

L’estratègia de marca ha de començar amb preguntes essencials: Què volem aconseguir? Com volem impactar el nostre sector i la societat? Quins valors ens defineixen? Les respostes a aquestes preguntes es converteixen en el pilar de totes les accions de comunicació i disseny.

A més, la coherència és clau. No n’hi ha prou amb tenir un manifest de marca inspirador; cal que cada acció, cada peça de comunicació i cada experiència de client reforcin aquesta essència.

Brànding

Màrqueting

Green Fern
Green Fern

Getting Started

These may be different for a product directory or a photo blog, where you may need to add an image field. To edit the fields each CMS item will have, click on any of the column titles. This will trigger a modal to add new fields, where you can also re-arrange the fields or modify or delete the existing ones.

Adding Content to the Canvas

After setting up the content, go back to the canvas. Your collections are accessible from the Insert menu. Open the Insert menu, navigate to the CMS Content section, and drag and drop your collection onto the canvas. This will add a special stack with layers connected to your data. From here, you can edit the visual properties on the right, just as you would do with a regular Stack.

Add a Page with Content

If you wish to add a page instead that will automatically be populated with data from the CMS, navigate to the left panel. One you are in the Pages tab, click on the + button next to the CMS section. If you add the Index page, a page will be added with a list of all of the items in your collection. If you add the Detail page, you will be presented with a page with content from your individual items.

Note: If you chose to add the sample data, a new detail page called /blog will be added to your website, and you will find the stack of content added into the page for you.

The detail page will display content pulled from the first entry of the collection by default. In order to preview other items in the collection, change the content by selecting a different item from the dropdown menu.

Brànding

Intel·ligència Artificial

Màrqueting

Packaging

Sostenibilitat

Web

Yellow Flower
Yellow Flower

What’s New

To add Pagination, select your Collection List, click on Pagination, select one of the two options, then pick how many items to load. Pagination also works with existing Limits and Start Offsets. Both the Spinner and Button are completely customizable, and you can pick any Variant for their Loading states. The Spinner itself is just a layer with a conic gradient and a Loop Effect, so you get full control. Adding Pagination helps make your blogs and changelogs much faster to load, especially when they contain dozens of items.

  • Infinite Scrolling with custom Spinner component

  • Load More Button with custom Button component

  • Enjoy freeform positioning of both components

  • Design your own Loading and Hidden states

  • Make your CMS Pages much faster to load

Filtering

We've added the ability to filter your collection lists in the CMS. This allows you to keep your content in a single collection, yet customize how that collection is presented on each of your web pages. For example, if you're creating docs for your app, you might want to filter articles per topic on your homepage. Or when creating a blog, you might want to filter your blog posts per category.

Sostenibilitat

Imagina

la teva marca

p

o

s

i

c

i

o

n

a

d

a

.

Estudi de brànding
i disseny per impulsar
empreses amb propòsit.

Imagina

la teva marca

Imagina petit

1. Estratègica

2. Memorable

3. Sostenible

4. Duradora

1. Estratègica-trencaclosques

2. Memorable-estrelles

3. Sostenible-cor

4. Duradora-fletxa

SERVEIS

Disseny premium,

tot inclòs.

Socis estratègics. Disseny a demanda per una tarifa mensual.

Pensat especialment per negocis i start-ups que necessiten actuar amb rapidesa, sense perdre temps en pressupostos.

Dedicat a transformar el teu negoci a través del servei de disseny, anticipant-nos a les teves necessitats i proposant valor continu.

BRÀNDING TRÈVOL CLUB

Consultoria i disseny sense límits.

Gestió experta de la estratègia i comunicació amb tots els serveis inclosos, sense límits, servits d’un en un, organitzats amb eines accesibles com Trello. Actualització constant i reunions mensuals.

Servei a demanda.

El servei es renova mensualment. Pots cancel·lar amb un mes d’antelació, sense preguntes.

Eficient en temps i recursos.

100% encarat a l’entrega del servei, sense perdre temps en pressupostos. Anem a totes.

Eficaç en consecució d’objectius.

Disseny consistent i aliniat en l’estratègia de marca. Estem centrats en la teva transformació aspiracional aportant previsió de les teves necessitats, oferint els actius que considerem decisius per la consecució dels teus objectius.

Satisfacció garantida.

Revisions fins aconseguir els objectius desitjats.

Escalable*.

Possibilitat d’escalar la proposta de valor amb especialistes dedicats. *Preu a valorar segons necessitats.

2-identitat

3-web

4-editorial

5-packaging

Brànding

Consultoria i estratègia de marca

Investigació i ideació

Propòsit, missió i visió

Posicionament

Proposta de valor

Personalitat estètica

Identitat verbal

Naming

Document estratègic

La millor oportunitat d’èxit passa per una marca amb rumb clar. Una estratègia ben definida aporta consistència, fa créixer la confiança i connecta amb el client de manera autèntica.

Posem els fonaments perquè la teva marca sigui rellevant i memorable, tant emocionalment com racional.

Identitat visual

Logotip, tipografia i colors corporatius

Il·lustracions i 3D

Fotografia i direcció d’art

Manual de marca i guies d’ús

Animació

Retolació de locals i vehicles

Registre de marca

La teva identitat visual és el primer contacte amb el client. No es tracta només d’un logotip o una paleta de colors, sinó de crear un univers visual que transmeti el teu propòsit amb coherència i impacte.

Una identitat clara i ben executada et posiciona, et diferencia i comunica, des del primer cop d’ull, el valor real del teu producte o servei.

Web

Estratègia i disseny

Landing page (servei o producte)

Web corporativa

UI/UX

3D

Copywriting

Responsive

La teva web és molt més que un aparador: és la teva veu activa, sempre disponible. Ha de fer alguna cosa més que informar: ha de captivar, guiar i convertir.

Per això, creem experiències digitals que connecten amb el teu públic, articulant un viatge clar des del descobriment fins a l’acció.

Editorial

Catàlegs de producte o serveis

Memòries

Edicions especials

Publicitat

Material corporatiu

La impremta ha mort, llarga vida a la impremta!

Quan el paper parla, ho fa amb caràcter. La textura, la tipografia, els plecs i els acabats creen una experiència tangible que cap pantalla pot igualar.

Per això dissenyem cada peça amb precisió, cuidant cada detall i treballant colze a colze amb la impremta per donar vida a històries que es toquen i es recorden.

Packaging

Alimentació

Salut i bellesa

El packaging és la teva primera oportunitat per captar i convèncer. En un entorn ple d’opcions, ha de parlar per si sol: transmetre valor, diferenciar-se i connectar amb el consumidor en segons.

Dissenyem envasos que no només són atractius, sinó que responen a una estratègia de marca clara, assegurant impacte, funcionalitat i viabilitat tècnica per al mercat.

Disseny premium,

tot inclòs.

Socis estratègics. Disseny a demanda per una tarifa mensual.

Pensat especialment per negocis i start-ups que necessiten actuar amb rapidesa, sense perdre temps en pressupostos.

Dedicat a transformar el teu negoci a través del servei de disseny, anticipant-nos a les teves necessitats i proposant valor continu.

BRÀNDING TRÈVOL CLUB

Consultoria i disseny sense límits.

Gestió experta de la estratègia i comunicació amb tots els serveis inclosos, sense límits, servits d’un en un, organitzats amb eines accesibles com Trello. Actualització constant i reunions mensuals.

Servei a demanda.

El servei es renova mensualment. Pots cancel·lar amb un mes d’antelació, sense preguntes.

Eficient en temps i recursos.

100% encarat a l’entrega del servei, sense perdre temps en pressupostos. Anem a totes.

Eficaç en consecució d’objectius.

Disseny consistent i aliniat en l’estratègia de marca. Estem centrats en la teva transformació aspiracional aportant previsió de les teves necessitats, oferint els actius que considerem decisius per la consecució dels teus objectius.

Satisfacció garantida.

Revisions fins aconseguir els objectius desitjats.

Escalable*.

Possibilitat d’escalar la proposta de valor amb especialistes dedicats. *Preu a valorar segons necessitats.

VISIÓ
CONNECTEM ESTRATÈGIA AMB CREATIVITAT, ASSEGURANT QUE CADA ACTIU DISSENYAT S'ALINEA AMB ELS OBJECTIUS EMPRESARIALS.

PERTINENÇA

CONSISTÈNCIA

PROPOSTA ÚNICA DE VALOR

RAPIDESA

TRANSPARÈNCIA

ENFOCATS EN EL CLIENT

FLEXIBILITAT

RETORN DE LA INVERSIÓ

PREGUNTES FREQÜENTS

La solució com a cultura.

Per què escollir Vilaplana Studio?

Com funciona el servei de subscripció?

Hi ha un límit de sol·licituds?

Com és el procés de revisió?

Puc pausar o cancel·lar quan vulgui?

Hi ha altres maneres de treballar plegats?

Tinc un altre dubte.

PERSPECTIVES

L’estratègia de marca: el far que guia el teu negoci

Quan pensem en branding, sovint ens ve al cap un logotip, una tipografia atractiva o una gamma de colors ben triada. Però la realitat és que la identitat visual és només la punta de l’iceberg. L’autèntica fortalesa d’una marca es construeix des de l’estratègia: una base sòlida que defineix què representa, com vol ser percebuda i com es diferencia dins el seu sector.

Una estratègia de marca ben definida no només ajuda a comunicar amb coherència, sinó que també permet a l’empresa prendre decisions més clares i eficients. Sense ella, la marca queda a mercè de les tendències del moment, sense una direcció clara ni un posicionament diferencial.

Construir una marca amb propòsit i coherència

En un món cada cop més saturat de missatges i estímuls visuals, les marques que aconsegueixen destacar són aquelles que tenen un propòsit clar i el comuniquen de manera autèntica. Això és especialment important per a les marques amb compromís sostenible, que necessiten transmetre la seva missió sense caure en el greenwashing ni en discursos buits.

L’estratègia de marca ha de començar amb preguntes essencials: Què volem aconseguir? Com volem impactar el nostre sector i la societat? Quins valors ens defineixen? Les respostes a aquestes preguntes es converteixen en el pilar de totes les accions de comunicació i disseny.

A més, la coherència és clau. No n’hi ha prou amb tenir un manifest de marca inspirador; cal que cada acció, cada peça de comunicació i cada experiència de client reforcin aquesta essència.

Brànding

Màrqueting

Green Fern

Getting Started

These may be different for a product directory or a photo blog, where you may need to add an image field. To edit the fields each CMS item will have, click on any of the column titles. This will trigger a modal to add new fields, where you can also re-arrange the fields or modify or delete the existing ones.

Adding Content to the Canvas

After setting up the content, go back to the canvas. Your collections are accessible from the Insert menu. Open the Insert menu, navigate to the CMS Content section, and drag and drop your collection onto the canvas. This will add a special stack with layers connected to your data. From here, you can edit the visual properties on the right, just as you would do with a regular Stack.

Add a Page with Content

If you wish to add a page instead that will automatically be populated with data from the CMS, navigate to the left panel. One you are in the Pages tab, click on the + button next to the CMS section. If you add the Index page, a page will be added with a list of all of the items in your collection. If you add the Detail page, you will be presented with a page with content from your individual items.

Note: If you chose to add the sample data, a new detail page called /blog will be added to your website, and you will find the stack of content added into the page for you.

The detail page will display content pulled from the first entry of the collection by default. In order to preview other items in the collection, change the content by selecting a different item from the dropdown menu.

Brànding

Intel·ligència Artificial

Màrqueting

Packaging

Sostenibilitat

Web

Yellow Flower

What’s New

To add Pagination, select your Collection List, click on Pagination, select one of the two options, then pick how many items to load. Pagination also works with existing Limits and Start Offsets. Both the Spinner and Button are completely customizable, and you can pick any Variant for their Loading states. The Spinner itself is just a layer with a conic gradient and a Loop Effect, so you get full control. Adding Pagination helps make your blogs and changelogs much faster to load, especially when they contain dozens of items.

  • Infinite Scrolling with custom Spinner component

  • Load More Button with custom Button component

  • Enjoy freeform positioning of both components

  • Design your own Loading and Hidden states

  • Make your CMS Pages much faster to load

Filtering

We've added the ability to filter your collection lists in the CMS. This allows you to keep your content in a single collection, yet customize how that collection is presented on each of your web pages. For example, if you're creating docs for your app, you might want to filter articles per topic on your homepage. Or when creating a blog, you might want to filter your blog posts per category.

Sostenibilitat