Marcos de diseño
12 sistemas de diseño prediseñados. Cada marco define tipografía, colores, espaciado y movimiento.
Marcos de diseño 1
ID: biennale-yellow
Marcos de diseño 2
ID: blockframe
Marcos de diseño 3
ID: blue-professional
Marcos de diseño 4
ID: bold-poster
Marcos de diseño 5
ID: broadside
Marcos de diseño 6
ID: capsule
Marcos de diseño 7
ID: cartesian
Marcos de diseño 8
ID: cobalt-grid
Marcos de diseño 9
ID: coral
Marcos de diseño 10
ID: creative-mode
Marcos de diseño 11
ID: daisy-days
Marcos de diseño 12
ID: editorial-forest
json
// Frame example: Bold Poster
{
"frame": "bold-poster",
"tokens": {
"color": {
"background": "{{palette.background}}",
"foreground": "{{palette.foreground}}",
"accent": "{{palette.accent}}",
"muted": "{{palette.muted}}"
},
"typography": {
"display": { "fontFamily": "Inter", "fontWeight": 800, "fontSize": "8vmin" },
"heading": { "fontFamily": "Inter", "fontWeight": 700, "fontSize": "5vmin" },
"body": { "fontFamily": "Inter", "fontWeight": 400, "fontSize": "2.8vmin" }
}
}
}