This demo walks through every content block that ships with Floorplate. Each section below is one block: add them to any page from the Content Blocks field, then drag to reorder, duplicate, hide or delete them.
Colors, fonts and logos live in Globals → Site Theme. Change them there and every block on every page follows.
The workhorse of the kit. The rich text editor gives you headings from H1 to H6, bold, italic, left/center/right alignment, bulleted lists and in-page anchor links. Two text styles pick up your theme colors: accent and secondary.
Inside any text area you can also drop in:
Buttons — link, file download or email, each with its own alignment and color.
Inline images — sized as a percentage of the column and aligned left, middle or right.
Layout spacers — a little breathing room between elements.
Most blocks also take a background color override, a text color (dark, light, accent or secondary) and top/bottom spacing overrides.
Two rich text columns side by side, stacking on mobile. Flip the mobile order with Reverse Mobile Stack, and use Center Items Vertically when one column is much shorter than the other — like this one.
content blocks, all on this page
theme colors, set once in Site Theme
Google Fonts in the font pickers
A slideshow paired with copy. Choose which side the images sit on and the color of the pagination dots. The Full Screen Media block above can also take a separate image for phones, so portrait screens get a better crop.
Six colors drive the whole site: primary and primary light (backgrounds), dark and light text, plus accent and secondary. Set them under Globals → Site Theme. They start out as Floorplate’s own palette.
Pick a header font and a paragraph font, then fine-tune weight, size and line height. H1–H6, navigation and buttons can each override the defaults. Also in Site Theme.
Upload a logo for dark and light navigation bars and a favicon in Site Theme; until you do, the Floorplate mark stands in. The footer logo, address and partner logos are under Globals → Footer.
Four menus: Main Center Nav, Main Right Nav (links can be shown as pill buttons), Footer Links and Footer Legal Links. Each page also chooses a dark or light nav style.
Pages live under Collections → Pages. Every page has an SEO tab for its title, description and social image. The homepage is the Home entry; add a content block to it and this site’s welcome screen is replaced by your page.
Contact and event forms come ready to use. Edit their fields and notification emails under Forms, then place one on any page with the Form block.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Corrupti possimus veniam odio necessitatibus provident aut dolores provident est corrupti autem eveniet. Nulla consequatur deserunt iusto voluptatem. Consequatur veritatis modi ut enim omnis sapiente debitis ex enim. Et ut illum non ullam quod ut et. Et nesciunt minima iure voluptas quisquam blanditiis ratione. Ut et quae et sit enim id ut rem dignissimos error similique voluptatem aut veritatis. Necessitatibus aut provident dolor perferendis magnam fugit assumenda id qui.
Inventore commodi voluptatem voluptatem tenetur perspiciatis quam aut architecto in non distinctio voluptates non. Libero eligendi quasi impedit est qui dolorum sint non inventore ipsam consequatur nesciunt quam. Animi quam eligendi quas autem doloremque cupiditate cupiditate facilis nesciunt nam eligendi unde.
Consequatur vel eaque architecto id sed reiciendis unde officiis adipisci eum iure amet eum. Voluptatem id numquam libero et dolores saepe reprehenderit. Nihil hic molestias ut. Iusto ipsum natus alias nihil sunt eaque exercitationem voluptatem quo recusandae. Nam possimus voluptas id laboriosam minima voluptatem quis ab commodi distinctio inventore. Repellat fugiat quisquam non amet facere sit omnis esse assumenda quaerat.
The Availabilities block lists every entry in the Availabilities collection — one per floor or suite, each with short detail columns and an expandable description.
1
Example café
2
Example restaurant
1
Example station
This is the Contact form. Its fields and notification recipients are edited under Forms → Contact, and submissions show up there too.
Contact Sections
Group contacts under a heading — leasing, management, press.
leasing@example.com
Each contact is its own rich text area, so add phone numbers, links or buttons.
manager@example.com
