Design-Frames
12 vorgefertigte Designs für Typografie, Farben, Abstände und Bewegung.
Design-Frames 1
ID: biennale-yellow
Design-Frames 2
ID: blockframe
Design-Frames 3
ID: blue-professional
Design-Frames 4
ID: bold-poster
Design-Frames 5
ID: broadside
Design-Frames 6
ID: capsule
Design-Frames 7
ID: cartesian
Design-Frames 8
ID: cobalt-grid
Design-Frames 9
ID: coral
Design-Frames 10
ID: creative-mode
Design-Frames 11
ID: daisy-days
Design-Frames 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" }
}
}
}