{"id":49,"date":"2026-09-09T01:15:54","date_gmt":"2026-09-09T01:15:54","guid":{"rendered":"https:\/\/natilikesbunnies.webhostingforstudents.com\/classes\/2510\/work\/"},"modified":"2026-09-09T21:39:12","modified_gmt":"2026-09-09T21:39:12","slug":"work","status":"publish","type":"page","link":"https:\/\/natilikesbunnies.webhostingforstudents.com\/classes\/2510\/work\/","title":{"rendered":"Work"},"content":{"rendered":"\n
\n
\n

Your blocks can do more<\/p>\n\n\n\n

Explore Trama<\/h1>\n\n\n\n

A live catalog of the typography, section styles, and motion already available in the editor. Select any example to inspect it, change its content, or reuse it in another page.<\/p>\n\n\n\n

\n
\n

08<\/p>\n\n\n\n

Block styles<\/p>\n<\/div>\n\n\n\n

\n

08<\/p>\n\n\n\n

Style variations<\/p>\n<\/div>\n\n\n\n

\n

0<\/p>\n\n\n\n

Required plugins<\/p>\n<\/div>\n<\/div>\n\n\n\n

Switch the global style variation while viewing this page: every color below follows the active palette.<\/p>\n<\/div>\n<\/section>\n\n\n\n

\n
\n

Typography<\/p>\n\n\n\n

Give every sentence the right voice.<\/h2>\n\n\n\n

Select a Heading or Paragraph, open Styles in the block sidebar, and choose one of these treatments. The style changes presentation without changing your words.<\/p>\n\n\n\n

\n
\n
\n

Sottotitolo editoriale<\/p>\n\n\n\n

Titolo display<\/h3>\n\n\n\n

Use the subtitle to orient the reader and Display when a thought deserves more space.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Macchina da scrivere<\/p>\n\n\n\n

Ideas become visible.<\/h3>\n\n\n\n

The animation runs on the front end and keeps the complete heading available to assistive technology.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n

\n
\n

Group styles<\/p>\n\n\n\n

Turn an ordinary Group into a composed section.<\/h2>\n\n\n\n

The visual treatments below use currentColor and Trama palette presets. Change the global style and they change with it.<\/p>\n\n\n\n

\n
\n

Sezione traslucida<\/p>\n\n\n\n

A soft wash drawn from the active palette.<\/h3>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Sezione manifesto<\/p>\n\n\n\n

Make the idea
hold still.<\/em><\/h3>\n\n\n\n
\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n

Sezione dittico<\/p>\n\n\n\n

Copy on one side. A visual on the other.<\/h3>\n\n\n\n

Use this treatment when text and imagery need equal weight.<\/p>\n<\/div>\n\n\n\n

\n
\n

Your image or project<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n

\n
\n

Movement<\/p>\n\n\n\n

Motion that supports the content.<\/h2>\n\n\n\n

Animations start only on the front end, pause or disappear when reduced motion is requested, and leave the original blocks editable.<\/p>\n\n\n\n

\n

Scorrimento continuo<\/h3>\n\n\n\n

Apply this Group style to a single horizontal row. The row loops automatically and pauses when a visitor points at it.<\/p>\n\n\n\n

\n
\n
\"North\"<\/figure>\n\n\n\n
\"Harbor\"<\/figure>\n\n\n\n
\"Fold\"<\/figure>\n\n\n\n
\"Carta\"<\/figure>\n\n\n\n
\"Lumen\"<\/figure>\n\n\n\n
\"Quarry\"<\/figure>\n<\/div>\n<\/section>\n<\/div>\n\n\n\n
\n
\n
\n

Scroll reveal<\/p>\n\n\n\n

Arrive when the reader does.<\/h3>\n\n\n\n

This card uses the Advanced class trama-reveal. Remove the class to make it static.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Sempre visibile<\/p>\n\n\n\n

Keep important navigation in reach.<\/h3>\n\n\n\n

Apply this Group style to the outer header or navigation container. It stays at the top without replacing core blocks.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n

\n
\n

Make it yours<\/p>\n\n\n\n

Start with a pattern. Finish with your voice.<\/h2>\n\n\n\n

Every example on this page is made from ordinary WordPress blocks. Replace the content, combine the sections, and let the active style variation carry the visual system.<\/p>\n\n\n\n

\n
Read the documentation<\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"

Your blocks can do more Explore Trama A live catalog of the typography, section styles, and motion already available in the editor. Select any example to inspect it, change its content, or reuse it in another page. 08 Block styles 08 Style variations 0 Required plugins Switch the global style variation while viewing this page: […]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/natilikesbunnies.webhostingforstudents.com\/classes\/2510\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/natilikesbunnies.webhostingforstudents.com\/classes\/2510\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/natilikesbunnies.webhostingforstudents.com\/classes\/2510\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/natilikesbunnies.webhostingforstudents.com\/classes\/2510\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":1,"href":"https:\/\/natilikesbunnies.webhostingforstudents.com\/classes\/2510\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/natilikesbunnies.webhostingforstudents.com\/classes\/2510\/wp-json\/wp\/v2\/pages\/49\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/natilikesbunnies.webhostingforstudents.com\/classes\/2510\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}