Getting started pages - #5710
Conversation
This file contains the initial implementation of the Getting Started page for FlowFuse, including SEO metadata, sections for product guidance, and user interaction elements.
This file serves as a single source of truth for the /getting-started page, organizing sections around product lanes and providing a structured guide for users.
Updated the Application Guide routes to use .yml files instead of .md files. Removed unnecessary comments and adjusted route handling accordingly.
Updated listClasses for Overview column and added 'Getting Started' links.
Added a DIFFERENTIATORS section to highlight key features of the product, including vendor-free open source, flexibility, security, and collaboration.
✅ Deploy Preview for flowforge-website ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for flowforge-website ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
@KristopherLeads there's no description on this PR, would you mind sharing the rationale behind these changes? |
Yndira-E
left a comment
There was a problem hiding this comment.
Thanks for putting this together. A couple of things before I can review this properly:
No PR description / rationale. I don't have context on why this page needs to exist, who it's for, or what problem it solves that /docs or the existing product pages don't already.
On the design: going through the code, a lot of visual patterns here don't match anything else on the site: colored left-borders on cards, six different pill/badge treatments, custom eyebrow styling, a teal accent that isn't in our brand palette (handbook/design/branding), and bold weights heavier than our fonts guidance allows. None of it reuses the CTA button system, the pill pattern, or the cards component from other pages. With this many new patterns stacked on one page it ends up feeling crowded — at this point it feels easier to start the design from scratch than to fix what's here.
Could you share the doc this was built from? With the rationale and that copy, I could put together a design that's aligned with the rest of the site and its visual language.

Description
Related Issue(s)
Checklist