Instructions
How Sidewise is put together, and where to change colours, type, content and interactions.
Light and dark mode
Colours live in the Theme Colors variable collection, which has a Dark and a Light mode. The site opens in Dark mode, set on the Page Wrapper class, and the Page Wrapper Is Light combo switches every colour at once.
Type, spacing and radius
Font sizes, line heights, gaps and corner radii are variables in the Typography, Spacing and Radius collections. Tablet and phone values use variable modes, so one edit updates every breakpoint.
Edit once, update everywhere
Navigation, Footer, cards, buttons and section headers are native components with props. Change text, links and images in the right panel, or edit the component itself to update every instance.
Collections and categories
Projects, Services, Products, Articles, Testimonials and Legals are CMS collections. Pick a category in an item's Category or Product type field and it appears on that category page and filter tab on its own. Cards and tabs link to each item's page automatically, so new items need no extra setup. The Recognition rows on About are edited directly on the canvas.
States and interactions
The FAQ accordion, mobile menu, grid and list toggle, product gallery and card hovers add combo classes: Is Faq Open, Is Hidden, Is Shown, Is Active and Is Card Hover. Interactions apply them, so keep them when you clean up unused styles. The Grid and List buttons are Filter Tab instances with View set to grid or list.
Forms and search
The contact form uses Webflow Forms, so set the notification email in Site settings under Forms. Site search needs a CMS site plan or higher: publish the whole site, then click Reindex in Site settings under Search. Until then the Search page shows Webflow’s sample results; delete its Demo note when search is live.
Images and fonts
Replace images in the Assets panel or inside each CMS item. Keep covers at least 1600 px wide in WebP. Inter loads from Google Fonts in Site settings.
Titles and descriptions
Every page and CMS template has its own title and meta description, and templates take their title from the item name. Schema markup is not included, so generate your own JSON-LD after purchase.