Signoff, Designed Pattern, Pattern Paste Canonical: https://patternpaste.com/designed-patterns/signoff/ Designed Patterns (https://patternpaste.com/designed-patterns/) Footer (https://patternpaste.com/designed-patterns/?category=footer) Needs the plugin # Signoff Three oversized statements travel in alternating directions above a stationary studio footer with editable brand, contact, navigation and legal details. ## All patterns Search patterns Loading patterns… About this pattern ## Where Signoff fits The site footer of a studio or brand, where three moving statements give the last screen character above plain contact and navigation. ### Use it for - Design studio footer - Agency site footer - Portfolio closing section What you can edit ## Every word, image and link is a WordPress block Select any of them in the block editor and change it in place. Colours, type and spacing use the blocks’ own controls. The layout stays protected while you edit. Unlock layout, in the section’s settings, lets you insert, move and remove any block. - 11 headings all required - 14 text lines 13 optional - 3 items Add item or Remove last item; 1 always stays - 3 items Add item or Remove last item; 1 always stays - 3 items Add item or Remove last item; 1 always stays ### Section settings - Appearance: Designed or Use my theme - Animate changes - Marquee speed - Pointer interaction: hover or drag - Pause button - Cursor controls - Unlock layout How it behaves ## It still works when things are switched off Three statement rows move in alternating directions; pointer position steers them, the centre holds them, clicking a row pauses it and a pause button stops them. The footer stays still. Motion off or reduced motion It shows its final state at once; anything a visitor can press or drag still works. JavaScript off All content stays visible and readable; controls the script adds are hidden. Plugin missing or older It pastes as plain WordPress blocks, in reading order, without the designed layout. Questions ## Signoff: common questions What is Signoff for? The site footer of a studio or brand, where three moving statements give the last screen character above plain contact and navigation. Typical uses: design studio footer, agency site footer and portfolio closing section. Does Signoff need a plugin? Yes. Designed Patterns come with a subscription, which includes the Pattern Paste plugin that runs them; Signoff arrived in plugin 0.28.2. Without the plugin, or on an older version, it pastes as plain WordPress blocks: the content reads in order, without the designed layout. What can I edit in Signoff? As pasted it has 11 headings and 14 text lines, 13 of them optional and removable. The items are a repeatable set: the item controls add one or remove the last. The layout stays protected while you edit. Unlock layout, in the section’s settings, lets you insert, move and remove any block. Will Signoff match my theme? Choose Designed to keep its own palette and type, or Use my theme to let it follow your theme’s colours and fonts. Either works in any block theme on WordPress 7.0 or later. Choose Use my theme in the preview above to see it follow a theme before you copy. Can the motion be switched off? Yes. Turn off Animate changes in the section settings, and visitors who ask their device for reduced motion get the same: the section shows its final state at once and anything they can press or drag still works. With JavaScript off, all content stays visible. Back to Designed Patterns (https://patternpaste.com/designed-patterns/?category=footer) One-time setup ## Install once, then paste Install and activate the Pattern Paste plugin on your WordPress site. Then paste this section into the block editor. Get the plugin (https://patternpaste.com/account/#themes)Installation guide (https://patternpaste.com/docs/install-pattern-paste/) ## Specifications Section Footer, Marquee Needs Pattern Paste plugin Since Plugin 0.28.2 Appearance Designed or your theme Motion Optional, off for reduced motion Themes Any block theme WordPress 7.0+ Tested In WordPress, 10 checks (https://patternpaste.com/how-we-test/)