Skip to content

Reflag

reflag.com/

This URL now redirects to reflag.com — the product formerly called Bucket has rebranded to Reflag, a TypeScript-focused feature flag management tool. The headline, "Feature flags on autopilot," pitches self-cleaning flags and native Slack/Linear integration aimed specifically at SaaS teams. Onboarding starts from a single CLI command shown on the page, npx @reflag/cli new, and the page runs nine separate customer testimonials from named CTOs and engineers (at companies like GitBook and Novu) rather than a logo wall, with direct comparison links against LaunchDarkly and PostHog lower down.

Category
Engineering & Infrastructure
Style
DarkMinimal
Stack
Webflow
Fonts
Overused GroteskGeist
Palette
Meta title
Reflag: Feature flags on autopilot
Sections
7
Updated

Reflag's landing page, section by section

Each section below is cropped straight from Reflag's live page — useful references for engineering & infrastructure landing page design.

Reflag design review: how the homepage is built

A dark page about 7,072px tall at 1440px, with the navigation stacked as a left sidebar instead of a top bar. Blocks run in this order: a hero beside a looping product video, four customer logos, three headed groups of product demo cards, a three-row grid of integration tiles, one pull quote, a code-based sign-up block, and a ten-card testimonial wall. Colour stays near-black #08080a, with #262629 for borders, #767677 for secondary text and white for headings. Overused Grotesk sets headings and Geist the body, while code and quotes use a monospace face.

Above the fold

The headline "Feature flags on autopilot" spans the width in very large white type beside the sidebar. Beneath it, the subhead sits left of a video panel showing an exposure bar chart with a play button. Five icon bullets follow: "Self-cleaning flags", "Agent ready", "Strong type-safety", "Linear & Slack integration" and "Purpose-built for SaaS". One white pill button, "Get started", ends the stack, with four grey logos below.

Developer tooling demo cards

The first block is headed "Flags you’ll enjoy using" Two cards sit side by side: a code editor with autocomplete, "Type-safety with the CLI", and a toggle list, "Toggle features with our toolbar". A full-width video of a Linear issue page follows, then a pair of wide dark cards. Two more cards close the block: "Zero latency with local evaluation" showing "0ms", and "Downtime protection with local evaluation".

Agent and rollout demos

The heading "Flags that agents can use, too" opens with a dashboard video captioned "Reflag agent handles flag cleanup." A pair follows: "Agent-created code flagged with MCP" and "Access rules updated by Linear agent." Next, "Flags to perfect features faster" introduces a two-by-two grid: stage chips from Dev to GA with a roll-out slider, a bar chart reading "1.2k companies", a feedback table and a Slack message.

Integrations, sign-up code and testimonials

"Deeply integrated with your stack" lays out three rows of five tiles: SDKs ending in "See all SDKs", agent tools ending in "See all agents" and developer tools ending in "See all tools". A GitBook quote from Samy Pessé follows. Then comes "Get started" with "npx @reflag/cli new" and a 17-line React snippet, then "Loved by fast moving teams" with ten quotes. The footer holds "Status", "Security", "Privacy", "GDPR" and "Terms".

On mobile

At 390px the page stretches to 10,168px and the left sidebar is gone, so the headline wraps onto two lines with no menu visible. Block order is unchanged. The logos reflow into a two-by-two grid, paired demo cards stack one per row, and the integration tiles drop to two columns with the "See all" links filling tile slots. Testimonials become a single column read left column first, then right, in larger monospace type.

Worth borrowing

  • A left sidebar for navigation frees the whole top edge for a full-width headline.
  • Each demo card carries a caption with one underlined keyword, such as "local evaluation", which labels a small interface fragment.
  • Ending on a runnable "npx @reflag/cli new" command before the quote wall lets developers try first.
Resend landing page design
Resend
Engineering & Infrastructureresend.com/
Unkey landing page design
Unkey
Engineering & Infrastructureunkey.com/
Xata landing page design
Xata
Engineering & Infrastructurexata.io/
Superset landing page design
Superset
Engineering & Infrastructuresuperset.sh/
Mastra landing page design
Mastra
Engineering & Infrastructuremastra.ai/
Stagereview landing page design
Stagereview
Engineering & Infrastructurestagereview.app/