
Flora
flora.ai/
Flora is a creative workspace that puts more than 50 generative image, video, and text models onto a single canvas, letting designers and brand teams move between them without switching tools. Its homepage is organized around a three-step narrative — Ideate, Iterate, Scale — and names specific underlying models directly, such as Nano Banana 2 and Kling, rather than describing AI generically. A dedicated "Techniques" library shares reusable workflows built by Flora and outside creators, functioning as user-generated proof rather than testimonials. It also cites named clients (Pentagram, Lionsgate, Nike) and a $42 million funding figure, and offers a dedicated "Fashion Studio" section distinct from its general canvas.
- Category
- Design & Creative
- Style
- DarkColorful
- Stack
- Framer
- Fonts
- Redaction 10 RegularExposure[+30] RegularGeist VariableGeist
- Palette
- Meta title
- FLORA — Generative AI Canvas for Creative Teams
- Sections
- 7
- Updated
Flora's landing page, section by section
Each section below is cropped straight from Flora's live page — useful references for design & creative landing page design.
Heroes
More heroesPricing
More pricingContact Us
More contact usAffiliate pages
More affiliate pagesCareers pages
More careers pagesBlog pages
More blog pagesFlora design review: how the homepage is built
The homepage runs 11477 pixels on desktop, moving from a centred hero to a Fashion Studio carousel, a node-canvas explainer, three process cards, a use-case word list, a Techniques library, a provider mosaic, case studies and press cards. Colour stays near black, with detected green #71d083 reserved for primary buttons and links, while browns like #582b24 and #c96a46 come from the photography. Headlines use Redaction 10 Regular, a serif, with Geist for body text. For a creative-tools page, the distinctive choice is that generated imagery, not illustration or icons, does nearly all the decorating.
Above the fold
A nav bar holds the "FLORA" logo, five menu items and two buttons, "Contact sales" outlined and "Get started for free" in white. The hero centres "Your creative workspace", with "creative" in italic, above a green "Get started for free" button and an outlined "Talk to sales". About eight image cards of varied sizes float around it, several cropped at the edges. A strip headed "Trusted by top creatives at" follows, including NYU, Pentagram and WPP.
Fashion Studio carousel and canvas demo
A block tagged "INTRODUCING" presents "Fashion Studio" with "Explore Fashion Studio" and "Learn more" buttons. A carousel below shows two whole dark cards and a cropped third: "Sketch to Render", "Prompt" and "Flatlay", each with a product photo, one-line caption and green "TRY IT NOW" link. "Take your work further." then sits beside a node graph joining "Model Running", "Star Shoe" and "Sneaker Showcase" tiles.
Process cards, use cases and Techniques
Three equal cards, "01 Ideate", "02 Iterate" and "03 Scale", sit under "Never let a good idea go unexplored." A full-bleed photographic band follows with "Generative workflows that scale." above eight large stacked words, from "Visual Effects" to "Architecture", one bright and the rest dimmed. Then "Techniques" opens with a bordered panel, and "Featured Techniques" lays out eight cards with creator names.
Closing section and footer
"One subscription to rule them all." introduces an uneven mosaic of thirteen provider tiles, including Google, runway and OpenAI, each listing model names over a photograph. "Case studies from creative teams." offers three cards, and "Read about us." shows press cards from Creative Boom, ADWEEK and Business Insider. The closing line, "A new medium needs a new canvas.", carries "Contact sales" and "Sign up for free" buttons.
On mobile
At 390px the hero headline stacks onto three lines over cropped images, with both buttons side by side. The carousel shows one card and a sliver of the next. The use-case list changes most: each word becomes a heading above its own node-graph card, so eight cards run vertically. The provider mosaic becomes a horizontal scroller opening on Google, and Featured Techniques become single full-width cards.
Worth borrowing
- Floating image cards of varied size, cropped at the viewport edges, frame a centred headline and button pair.
- A stacked word list with one bright entry and dimmed siblings works as a scroll-driven index of eight use cases.
- Provider tiles overlaying model names on photographs in an uneven grid present partner breadth as a mosaic, not a logo row.





