Documentation
Helpful information and guides.
Abouts
- For site info and for use as a Landing Page generator
- Currently utilized for:
- Our Mission
- Our Philosophy
- Who We Are
- Automatic FancyBox lightbox added to all Rich Text images.
- Optional multi-image gallery with lightbox.
- Benefits area generated via multi-reference from a Features CMS Collection.
- Contains image / svg, description, and CTA button
- Highlights area generated via multi-reference from a Features CMS Collection.
- Contains image, tag, title, description, and optional nested FAQ.
- Animated timeline
- Contains milestone numbers, rich text for headers / images / descriptions.
- Optional toggle to show Related.
- Optional toggle to show Blog Recommendations.
- Optional toggle to show Services Recommendations.
- Optional toggle to show Solutions Recommendations.
- Optional toggle to show Packages Recommendations.
- Optional toggle to show CTA area with buttons / email capture.
- Sponsored posts / content / ads (with ad code embed area).
- Optional video.
- Customizable CTA buttons (up to two)
- For Rich Text areas, pick the image cropping styles of your choice on a per-item basis. See Rich Text Image Cropping section for more information.
Announcement Banner
- Optional image, rich text, two customizable CTA buttons.
- Automatically becomes a slider with pagination and controls if multiple announcements with attributes-based customization for auto mode, transition speed, pause on hover, number of items by breakpoint, and space between by breakpoint.
- Set a cookie when the banner is closed, and the number of days before the cookie expires is customizable via attributes.
Calendar & Events
- CMS driven, simply use "Event" as a format type and it will add those to the calendar
- Day, Week, and List view
- Single or recurring events (Daily, Weekly, Bi-Weekly, Monthly, Yearly, or Every Monday, Tuesday, Wednesday, Thursday, or Friday)
- Click to open corresponding Collection page
- Includes virtual locations for Zoom, Google Meet, etc.
Careers
- CMS-based list of positions in accordions with two customizable CTAs.
- Apply now form.
- Prepped for free file uploading (for example, for resume) using Uploadcare (just add API key to activate).
- Additional customizable CTA buttons (up to two).
- Related.
- Recommended Services.
- Recommended Solutions.
- Recommended Packages.
Categories
- Auto-generating via template pages with image and descriptions
- Recommendations
- Recent
- More Categories
Collections Strategy
- One CMS Collection called “Posts” that can be used for Blogs, Articles, Partnerships, News, etc. Keeps the scarce number of Collection Lists down so there’s room to grow.
- Item numbers such as Collection Lists, Collection Items, etc. fit within CMS plan limits.
- Designed to group similar page types to stay within CMS plan limits.
- No Collection fields over 30 in any Collection.
Color Modes
- All colors for all modes set with variables.
- Beautiful transition when switching between modes, not a “pop” into the new color mode.
- Optionally set a default initial color mode a user sees with an attribute, per page.
- Optionally set a color mode on a div with an attribute to “lock” it in so it doesn’t change when the modes are changed.
- Uses a cookie to store user color mode preference.
- Quickly toggle color mode in the designer in realtime using attributes, to make previewing designs in each mode fast and easy.
- Not just a toggle between two modes, it’s possible to add additional color modes by adding more variables and modifying the code accordingly to have as many as you want.
Compliance Pages
- Catch-all Terms of Use page.
- Catch-all Privacy Policy page.
- Intended to be a backup plan, and site owner should update with their own additions / adjustments / modifications / replacements.
Contact
- Contact form with “How did you hear about us?” dropdown.
- Terms agreements.
- Hidden reCAPTCHA until form clicked.
- Email, Live Chat, Phone, and Physical Address (map link) all generated based upon CMS.
- Locations tab-based maps.
Credits
- Completion Time by Brian Love
- Add to Calendar by Digidop
- FullCalendar by FullCalendar LLC
- Client-First by Finsweet
- Relume Library by Relume
- Swiper by NoLimitsForWeb
Custom CSS
- Turn bullet points into checkmarks (for example, in Pricing for a plan features list)
- Cover to make ugly embed code display with an image cover showing a gear to imply auto-generation on publish (hides the class automatically on site load via js)
- Assortment of Gradient Mask CSS styles built in
- Written content preview to fade out elegantly to lead into Read More buttons.
- Remove blue browser indicators when clicking anchor links.
- Visually hidden to have text on a page that can’t be seen by a user.
- Overflow fix.
- Animated vibrance increase for images that are links.
Custom JavaScript
- Plain text field for svg code render as SVG on the page.
- Add hide-if-empty class to any div to automatically hide it if the child CMS Collection is empty.
- Auto-generate copyright year.
- Color modes with animated transitions.
- Sidebar.
- Auto-generate Time to Complete.
- Image cropping customization for Rich Text
Expertises
- Utilizes one Collection to handle these formats, set via multi-reference:
- Services
- Solutions
- Packages
- Set Category(s) via multi-reference, and utilizes Finsweet CMS Nest on post page as well as homepage and post format landing pages (more information in Categories feature section).
- Optional label such as “Trending,” etc.
- Automatic FancyBox lightbox added to all Rich Text images.
- Optional multi-image gallery with lightbox.
- Benefits area generated via multi-reference from a Features CMS Collection.
- Contains image / svg, description, and CTA button
- Highlights area generated via multi-reference from a Features CMS Collection.
- Contains image, tag, title, description, and optional nested FAQ.
- Optional via toggle: Recommendations.
- Optional via toggle: Related.
- Optional via toggle: FAQ
- Optional via toggle: Blog
- Optional via toggle: Testimonials
- Optional via toggle: Partnerships (aka logo slider)
- More Categories.
- CTA area with buttons / email capture.
- Sponsored posts / content / ads (with ad code embed area).
- Set a Top Post (aka pinned post).
- Google Map auto generated based on address plain text field.
- Breadcrumb links.
- Optional video.
- Display accompanying physical locations (such as offices) via multi-reference from a Networks CMS Collection.
- Customizable CTA button.
- For Rich Text areas, pick the image cropping styles of your choice on a per-item basis. See Rich Text Image Cropping section for more information.
Footer
- Correctly sticks to the bottom of a page, ideal for pages with very little main content so the footer doesn’t hover above the bottom of the page.
- Copyright year auto-generated by JS.
- Newsletter with terms agreement checkboxes.
- Link lists by section.
- Links to compliance pages.
- Optional CMS-list for footer social networks.
Homepage
- Swiper.js sliders with attributes to customize slide speed, transition speed, auto mode, number of items per breakpoint, space between per breakpoint, and pause on hover on/off.
- Customizable hero section.
- CMS-driven About pages (more information in About feature section).
- CMS-driven News and Press slider (more information in Posts feature section).
- CMS-driven Testimonials slider (more information in Projects feature section).
- CMS-driven Services, Solutions, and Packages (more information in Expertises feature section).
- CMS-driven FAQ (more information in Q&A feature section).
- CMS-driven Pricing with plan duration tabs such as Annual / Monthly (more information in Products feature section).
- CMS-driven Partnerships Swiper.js auto-scroll marquee with attributes to customize scroll speed by breakpoint, space between per breakpoint, and pause on hover on/off and optional click to go to accompanying Template page (more information in Partnerships feature section).
- CMS-driven Blog slider (more information in Posts feature section).
- CMS-driven Podcast slider (more information in Media feature section).
- CMS-driven Team slider (more information in People feature section).
- CTA with buttons, terms agreements, and email capture, reusable as a symbol for multiple pages.
- Hidden reCAPTCHA until form clicked.
Known Bugs
- hide-if-empty won’t work for Rich Text, as it’s auto-adding a nbsp (known Webflow bug)
- Headers with H tags inside a component will give an audit error for skipping a heading level
- Using Custom block with heading tags throws error in audit
- Can’t make a CMS 3-column grid that is 100%, then 2 items half and half, then all 3 items, then next row same size without CSS style
- Sidebar color modes transition doesn’t work, it “pops” to the new color. Probably a JS conflict.
- Marquee space between has to be big enough or it will “pop” on loop
- Vimeo Hero
- Cannot unmute when going fullscreen due to browser autoplay policies
Landing Pages
- Utilizing Posts Collection List:
- Utilizing Expertises Collection List:
- Services
- Solutions
- Packages
- Utilizing Projects Collection List:
- Projects
- Testimonials
- Utilizing Products Collection List:
- Products
- Pricing
- Utilizing Media Collection List:
- Podcast
- Utilizing People Collection List:
- Team
- Utilizing Q&A Collection List:
- FAQ
- Utilizing Expertises Collection List:
Loader
- Currently shows animated site logo and lottie, but is completely customizable with any animation / interaction.
- Lock scrolling while loader is playing to prevent the user seeing the content below after loader is complete.
- Set optional additional time after loader is complete before scroll is unlocked.
- Trigger an intro interaction/animation after loading is complete.
- Optionally set minimum time loading animation is shown.
Media
- Utilizes one Collection to handle these formats, set via multi-reference:
- Podcast
- Set Category(s) via multi-reference, and utilizes Finsweet CMS Nest on post page as well as homepage and post format landing pages (more information in Categories feature section).
- Set Author(s) (aka “With…” and Guest(s) (aka “Featuring…” via multi-reference, and utilizes Finsweet CMS Nest on post page as well as homepage and post format landing pages (more information in People feature section).
- Optional label such as “Trending,” “Pinned,” etc.
- Fully functioning Minutes to Complete feature that works on any page, not just on the template page, and does not require displaying the entire post via CMS somewhere on the page. For audio/video it calculates based upon the transcript. Developed by Brian Love.
- Optional Minutes to Complete override number.
- Automatic FancyBox lightbox added to all Rich Text images.
- Optional multi-image gallery with lightbox.
- Optional audio embed area for Listen Now.
- Optional video embed area for Watch Now.
- Optional Transcript area.
- Platforms via multi-reference pre-built with logos for the 37 top audio / video networks for “Also Available On,” to jump user to the platform’s page.
- Recent.
- Recommendations.
- Related Posts.
- More Categories.
- Optionally display CTA area with buttons / email capture.
- Sponsored posts / content / ads (with ad code embed area).
- Set a Top Post (aka pinned post).
- Breadcrumb links.
- Optional logo image, with plain text field for using SVG code that renders via JS as an SVG on the page.
- Optional video.
- Optional location name (such as where a podcast was recorded)
- Display accompanying email addresses, phones, and social media links via multi-reference from a Networks CMS Collection with auto-generated map based upon address in plain text field.
- Display on landing page as Top Entry or Featured.
- For Rich Text areas, pick the image cropping styles of your choice on a per-item basis. See Rich Text Image Cropping section for more information.
Nav
- Uses native Webflow Nav block, not hacked together using interactions.
- Show / hide dropdowns via Nav Dropdown settings.
- Sidebar toggle (see Sidebar features) with conditional visibility per page.
- Search bar dropdown.
- Animated carrot on hover.
- Share any page to social media (Finsweet’s Social Share).
- Social media links drop-down to allow for any number of social networks.
- Color modes dropdown with optional images, icons, and descriptions.
- Menu options display an active state as the page scrolls into their section marked by IDs / anchor links.
- Height and all colors for multiple modes set with variables.
- Optional animated show/hide with scroll.
- Multiple Dropdown types:
- Standard: List of links displayed vertically.
- Advanced: Optional images, icons, and/or descriptions. Allows for any number of items laid out horizontally, expanding to fit if a small number, and wrapping nicely vertically if multiple rows.
- Mega: Optional images, icons, and/or descriptions. Allows for any number of items laid out horizontally, expanding to fit if a small number, and wrapping nicely vertically if multiple rows. Area for large featured items, such as blog posts.
Networks Strategy
- Built in icons for the major networks and platforms
- Avoid requiring a field for each social network in a Collection (which will result in quickly burning through the field limit)
People
- Utilizes one Collection to handle these formats, set via multi-reference:
- Team
- Set Category(s) via multi-reference, and utilizes Finsweet CMS Nest on post page as well as homepage and post format landing pages (more information in Categories feature section).
- Set other team member(s) via multi-reference, and utilizes Finsweet CMS Nest on post page as well as homepage and post format landing pages (for example, for someone who manages a department).
- Optional label such as “Employee of the Month,” etc.
- Automatic FancyBox lightbox added to all Rich Text images.
- Optional multi-image gallery with lightbox.
- Recent.
- Recommendations.
- Related Posts.
- More Categories.
- CTA area with buttons / email capture.
- Sponsored posts / content / ads (with ad code embed area).
- Set a Top Post (aka pinned post).
- Start date/time and End date/time with Add to Calendar for events
- Google Map auto generated based on address plain text field.
- Breadcrumb links.
- Optional logo image, with plain text field for using SVG code that renders via JS as an SVG on the page.
- Optional videos (up to four)
- Display accompanying email addresses, phones, and social media links via multi-reference from a Networks CMS Collection.
- Display accompanying physical locations (such as offices) via multi-reference from a Networks CMS Collection with auto-generated map based upon address in plain text field.
- Customizable CTA buttons (up to two).
- Display on landing page as Top Entry or Featured.
- Placeholder image if no thumbnail is set
- Optional landing page set up with filtering system (Finsweet CMS Filter + Load + Nest)
- Filter by Categories
- Filter by Regions
- Filter by Name
- Filter by Featured
- For Rich Text areas, pick the image cropping styles of your choice on a per-item basis. See Rich Text Image Cropping section for more information.
Placeholder Strategy
- Actual quality placeholder images / text to provide reference for the most effective way to set up Collections / Collection Items / pages / etc.
- Sample meta descriptions on each page, with dynamic titles / meta tags / OG images on template pages
Posts
- Utilizes one Collection to handle these formats, set via multi-reference:
- Announcements
- Articles
- Blog
- News
- Events (Calendar)
- Partnerships
- Press
- Resources
- Sponsored Content
- Set Category(s) via multi-reference, and utilizes Finsweet CMS Nest on post page as well as homepage and post format landing pages (more information in Categories feature section).
- Set Author(s) via multi-reference, and utilizes Finsweet CMS Nest on post page as well as homepage and post format landing pages (more information in People feature section).
- Optional label such as “Breaking News,” “Pinned Post,” etc.
- Fully functioning Minutes to Complete feature that works on any page, not just on the template page, and does not require displaying the entire post via CMS somewhere on the page.
- Optional Minutes to Complete override number.
- Automatic FancyBox lightbox added to all Rich Text images.
- Optional multi-image gallery with lightbox.
- Recent.
- Recommendations.
- Related Posts.
- More Categories.
- CTA area with buttons / email capture.
- Sponsored posts / content / ads (with ad code embed area).
- Set a Top Post (aka pinned post).
- Start date/time and End date/time with Add to Calendar for events (credit)
- Google Map auto generated based on address plain text field.
- Breadcrumb links.
- Optional logo image, with plain text field for using SVG code that renders via JS as an SVG on the page.
- Optional video.
- Display accompanying email addresses, phones, and social media links via multi-reference from a Networks CMS Collection.
- Display accompanying physical locations (such as offices) via multi-reference from a Networks CMS Collection.
- Customizable CTA button.
- Display on landing page as Top Entry or Featured.
- Optional landing page set up with filtering system (Finsweet CMS Filter + Load + Nest)
- Filter by Categories
- Filter by Regions
- Filter by Name
- Filter by Featured
- For Rich Text areas, pick the image cropping styles of your choice on a per-item basis. See Rich Text Image Cropping section for more information.
Projects
- Utilizes one Collection to handle these formats, set via multi-reference:
- Portfolio
- Testimonials
- Set Category(s) via multi-reference, and utilizes Finsweet CMS Nest on post page as well as homepage and post format landing pages (more information in Categories feature section).
- Set Author(s) via multi-reference, and utilizes Finsweet CMS Nest on post page as well as homepage and post format landing pages (more information in People feature section).
- Optional label such as “Top Client,” etc.
- Fully functioning Minutes to Complete feature that works on any page, not just on the template page, and does not require displaying the entire post via CMS somewhere on the page - Developed by Brian Love.
- Optional Minutes to Complete override number.
- Automatic FancyBox lightbox added to all Rich Text images.
- Optional multi-image gallery with lightbox.
- Recent.
- Recommendations.
- Related.
- More Categories.
- CTA area with buttons / email capture.
- Sponsored posts / content / ads (with ad code embed area).
- Set a Top Post (aka pinned post).
- Project date completion.
- Google Map auto generated based on address plain text field.
- Breadcrumb links.
- Optional logo image, with plain text field for using SVG code that renders via JS as an SVG on the page.
- Optional video.
- Display accompanying email addresses, phones, and social media links via multi-reference from a Networks CMS Collection.
- Display accompanying physical locations (such as offices) via multi-reference from a Networks CMS Collection.
- Customizable CTA button.
- Display on landing page as Top Entry or Featured.
- Optional Testimonials and star reviews via Select field, with dedicated Testimonials landing page for Projects that have reviews (or set a Project to Testimonial Only to only show up on Testimonials page).
- For Rich Text areas, pick the image cropping styles of your choice on a per-item basis. See Rich Text Image Cropping section for more information.
Q&A
- Utilizes one Collection to handle these formats, set via multi-reference:
- FAQ
- Careers
- Services Recommendations.
- Related.
- Solutions Recommendations.
- Packages Recommendations.
- CTA area with buttons / email capture.
- Option image (in lightbox)
- Optional video (replaces thumbnail).
- Customizable CTA buttons (up to two)
- Non-interaction-based accordion (Finsweet Accordion)
Rich Text Image Cropping
- For a uniform look on posts (to avoid inconsistent aspect rations / image sizes), pick the image cropping styles of your choice on a per-item basis:
- Shape-RoundRects
- Shape-Squares
- Shape-Circles
- Full-16x9
- Full-16x9-RoundRects
- Inline-RoundRects
- Inline-Squares
- Inline-Circles
- Or no styling
- Use attribute image-crop=true to crop images on template pages rich text blocks to a preset style
- Use attribute image-lightbox=true to have all images in a lightbox in a rich text block on a template page
Sidebar
- Can be used on any page, with toggle set in the nav via conditional visibility.
- Animated toggle icon for open/close.
- Uses a fixed sidebar that stays put and can be scrolled up/down within the sidebar while rest of the content scrolls as normal on the other side.
- Set initial open/closed state on any page and for any breakpoint using attributes.
- Set if sidebar pushes content over or appears on top of content for any breakpoint using attributes, and can be set container by container.
- Sidebar is animated with the entire content scaling in realtime.
- When sidebar is closed, if images on the page are set to full width, they look too big and a bit silly. So, the images that have a maximum size also feature a beautiful blur mirror effect behind them that goes edge to edge to make them look very nice.
Style Guide
- Relume Style guide foundation + variables with no overrides to their defaults to ensure updates are possible.
- Custom heading styles.
- Common borders for 2 color modes via variables (1px, 2px, 5px, 10px).
- Container combo class to make anything in a box.
- Common border radiuses via variables (small, medium, large, left side, right side, leaf style).
- Common text shadows (xxsmall, small, small, medium, large, xlarge, xxlarge, xxxlarge, and light, regular, strong versions).
- Common box shadows (small, medium, and light, regular, strong and top, middle, bottom).
- Classes for all blend modes.
- Opacities in increments of 5%.
- Common transformations such as invert, rotate 90, rotate 180, flex grow if possible (by breakpoint), button-group breaking by breakpoint).
- Floats left / right.
- Common gradients.
- Dividers, tapered dividers, half dividers, vertical dividers.
- Buttons that respect color modes.
- Mattes (background, image, cover)
- Spacers and padding.
- Interactions
- hover inverts in increments of 20
- hover desaturates
- hover vibrance
- hover grow
- hover icon grow
- hover shrink
- fade-in, delayed by 1-7 seconds
- fade in and out on scroll
- flip on scroll
- vibrance pulsing
- dropdown animation
- show reCAPTCHA on click a div
- move in/out on scroll
- Rich text set up with nice padding between headers, etc.
- Form elements that respect color modes.
- Custom JS
- Plain text field for svg code render as SVG on the page.
- Add hide-if-empty class to any div to automatically hide it if the child CMS Collection is empty.
- Auto-generate copyright year.
- Color modes with animated transitions.
- Sidebar.
- Auto-generate Time to Complete.
- Image cropping customization for Rich Text
- Custom CSS
- Turn bullet points into checkmarks (for example, in Pricing for a plan features list)
- Cover to make ugly embed code display with an image cover showing a gear to imply auto-generation on publish (hides the class automatically on site load via js)
- Assortment of Gradient Mask CSS styles built in
- Written content preview to fade out elegantly to lead into Read More buttons.
- Remove blue browser indicators when clicking anchor links.
- Visually hidden to have text on a page that can’t be seen by a user.
- Overflow fix.
- Animated vibrance increase for images that are links.
Tasks
- High Priority
- Double-dropdown
- Mobile nav fix
- Add vertical breakpoint CSS to make images small icon size if the screen is too small
- Swiper progress bar is off-center when clicked and dragged
- Double-dropdown
- Low Priority
- Media pages for Videos, Books
- Locations CMS Tabs on Contact page
- Announcements - Add actual content on pages
- Pricing areas switch to CMS Filter instead of tabs with multiple collections
- Projects add logo to Landing page
- Improve Filters mobile interface
- hide-if-empty is a million custom combo-classes. Remove all, and instead make a style guide class
- Complete Projects CMS help text
- Add Colleagues (Affiliate format) to People and make sure they show up in Team page filtering
- Better placeholder text across all categories (such as Blog which can all be the same), Articles, Partnerships, etc.
- Benefits and Highlights help text describing what they look like and examples
- Rename interactions with Client-First format
- Add email capture option to announcement banner
- Announcement banner add form option
- Services template page
- Loader min show and lock time set via attributes instead of editing JS
- Add to Calendar code into GitHub instead of page settings
- Q&A add expand all / collapse all buttons
- Add Vimeo Hero
- Use Vimeo for a banner background video on a loop
- With fit to cover
- Make banner any size or use Webflow’s native aspect ratio settings
- With unmute button that, when clicked, automatically plays the video and loads the Vimeo controls (for shuttling, full screen, etc.)
- TO DO:
- Fallback (for example, if low power mode)
- Add Spline 3D logo with mouse tracking
- TO DO:
- Lowest Priority
- Platform Icon image names long from import
- Replace all post and gallery images with Firefly
- Get rid of the shadow thing on people
- Replace all YouTube videos with original firefly-generated ones
- Make sure CMS help text has quote marks around examples
- Products images wrong name no longer products, but Packages
- Wish List
- Nav
- Shadows around nav link group (currently not possible because of dropdown dependencies on relative item
- Sidebar
- Easy way to show/hide in the designer (currently have to remove setting the initial sidebar width to 0 in CSS, then setting it back when done)
- No code. Currently not possible because you can’t set widths using variables in interactions, and no padding in interactions.
- Color Modes
- Shadows also transition (gradients with variables cannot animate)
- Media
- Season numbers
- Nav
Templates
- Post Landing Page
- Post
- Page
- Media Post
- Categories Landing Page
- Document Landing Page
Variables
- Global border width.
- Global border radius.
- Color modes.
- Fonts.
Wish List
- Nav
- Shadows around nav link group (currently not possible because of dropdown dependencies on relative item
- Sidebar
- Easy way to show/hide in the designer (currently have to remove setting the initial sidebar width to 0 in CSS, then setting it back when done)
- No code. Currently not possible because you can’t set widths using variables in interactions, and no padding in interactions.
- Color Modes
- Shadows also transition (gradients with variables cannot animate)
- Media
- Season numbers
- Loader
- No "flash" of content before the loader appears, in other words, user sees nothing except the loader on site load
- Completion Time by Brian Love
- Add to Calendar by Digidop
- FullCalendar by FullCalendar LLC
- Client-First by Finsweet
- Relume Library by Relume
- Swiper by NoLimitsForWeb
- hide-if-empty won’t work for Rich Text, as it’s auto-adding a nbsp (known Webflow bug)
- Headers with H tags inside a component will give an audit error for skipping a heading level
- Using Custom block with heading tags throws error in audit
- Can’t make a CMS 3-column grid that is 100%, then 2 items half and half, then all 3 items, then next row same size without CSS style
- Sidebar color modes transition doesn’t work, it “pops” to the new color. Probably a JS conflict.
- Marquee space between has to be big enough or it will “pop” on loop
- Vimeo Hero
- Cannot unmute when going fullscreen due to browser autoplay policies
- High Priority
- Double-dropdown
- Mobile nav fix
- Add vertical breakpoint CSS to make images small icon size if the screen is too small
- Swiper progress bar is off-center when clicked and dragged
- Double-dropdown
- Low Priority
- Media pages for Videos, Books
- Locations CMS Tabs on Contact page
- Announcements - Add actual content on pages
- Pricing areas switch to CMS Filter instead of tabs with multiple collections
- Projects add logo to Landing page
- Improve Filters mobile interface
- hide-if-empty is a million custom combo-classes. Remove all, and instead make a style guide class
- Complete Projects CMS help text
- Add Colleagues (Affiliate format) to People and make sure they show up in Team page filtering
- Better placeholder text across all categories (such as Blog which can all be the same), Articles, Partnerships, etc.
- Benefits and Highlights help text describing what they look like and examples
- Rename interactions with Client-First format
- Add email capture option to announcement banner
- Announcement banner add form option
- Services template page
- Loader min show and lock time set via attributes instead of editing JS
- Add to Calendar code into GitHub instead of page settings
- Q&A add expand all / collapse all buttons
- Add Vimeo Hero
- Use Vimeo for a banner background video on a loop
- With fit to cover
- Make banner any size or use Webflow’s native aspect ratio settings
- With unmute button that, when clicked, automatically plays the video and loads the Vimeo controls (for shuttling, full screen, etc.)
- TO DO:
- Fallback (for example, if low power mode)
- Add Spline 3D logo with mouse tracking
- TO DO:
- Lowest Priority
- Platform Icon image names long from import
- Replace all post and gallery images with Firefly
- Get rid of the shadow thing on people
- Replace all YouTube videos with original firefly-generated ones
- Make sure CMS help text has quote marks around examples
- Products images wrong name no longer products, but Packages
- Wish List
- Nav
- Shadows around nav link group (currently not possible because of dropdown dependencies on relative item
- Sidebar
- Easy way to show/hide in the designer (currently have to remove setting the initial sidebar width to 0 in CSS, then setting it back when done)
- No code. Currently not possible because you can’t set widths using variables in interactions, and no padding in interactions.
- Color Modes
- Shadows also transition (gradients with variables cannot animate)
- Media
- Season numbers
- Nav