New logo rollout — review
Every place Propflow's logo changes when we switch to the new Focus Lab logo, before and after.
Published 2026-09-23
On this page
●The new logo
Two versions of the new logo were designed. This rollout uses the Primary version — black text with colored dots.
Primary (rolling out) vs. Secondary (all-black / all-white)
On 9/18, Sean and Gera leaned toward the all-black Secondary version for the website. Fede chose the colored Primary version for this rollout. Team to confirm.
●Every place, side by side
Each row is a close-up of the logo exactly as it appears on that page, captured from the live site (before) and the preview (after), shown at the same scale.
| Where | Before | After |
|---|---|---|
| Website headerDesktop |  |  |
| Website headerPhone |  |  |
| Website headerDark mode |  |  |
| Website footer |  |  |
| Login pageAlso onboarding and account-setup pages, which use the same header |  |  |
| Waitlist screenShown to someone signed in whose account isn't switched on yet |  |  |
| Access-restricted page | | |
| Investor deck page |  |  |
| Text-message opt-in page |  |  |
| Docs site headerdocs.propflowai.co. Separate update, also on hold |  |  |
| Shared report pagesshare.propflowai.co. Pages already shared keep the old logo until republished |  |  |
Whole-site check: all 30 public pages on propflowai.co were opened. Every one uses the same header and footer logo shown above, so every one is covered. The text-message opt-in page also shows the small dot icon, which is covered too. The hidden name screen readers announce for the logo becomes exactly "Propflow" everywhere (today it is a mix of "PropFlowAI", "PropFlow.ai" and "PropFlowAI home").
Someone who isn't signed in and opens the waitlist link is sent to the homepage's waitlist form, which uses the website header above. Shared report pages: the "after" is the new logo placed into a real shared page; pages already shared keep the old logo until republished.
●In context
The top of the homepage, full width.
Desktop
Before
After
Phone
Before
After
●Browser tab icon
Browser tab: the small icon barely changes. The old mark already had the fading bars; the new one is just slightly tighter.
Before
After
●Link preview
The picture that shows when someone pastes a propflowai.co link into Slack, iMessage or LinkedIn. Before is the exact image propflowai.co serves today, downloaded from the live site. After is the image in the pull request. Same card; only the logo changes.
Before (live today)
After
●Emails
Four real emails, rendered from the same templates Clara uses to send them, with the old logo and then the new one. Nothing else in the emails changes.
Maintenance request forwarded to a property manager
Before
After
Missed call note to the office
Before
After
Leasing report (top of the email)
Before
After
Weekly owner report (top of the email)
Before
After
Weekly owner report, dark mode (top of the email)
Before
After
The new logo takes the same width as the old one. Because "Propflow" is a shorter word than "PropFlow.ai", its letters come out a little larger. Emails load the logo from our website each time they're opened, so once this is live, emails already sent will also show the new logo when reopened.
●App navigation icon
The small dot icon next to "Clara" in the app's side menu. The two connector bars become the new fading pills.
Before
After
●Not changing in this round
- The loading animation is built from the old dot motion. It needs a design call before it changes.
- The signed-in dashboard has no logo today.
- Outside our code (updated by hand): Slack workspace icon, social profiles, email signatures, decks, the AppFolio vendor listing, Google Business profile, the launch video.
●Still to decide
- Colored vs. all-black logo for the website. Sean and Gera leaned all-black on 9/18; Fede picked colored Primary for this rollout. Team to confirm.
- The loading animation. Needs a design call before it can move off the old dot motion.
- The name in page titles. The logo now reads "Propflow", but browser tab titles and the link-preview title still say "PropFlowAI". Rename them to "Propflow" in a separate change?
- Re-publishing old shared report links so they pick up the new logo too.
- Whether the email logo change applies to already-sent emails when someone reopens them. It will: old emails pull the logo from our website, so they'll show the new one too. Fine by us, or do we want old emails left alone?
Technical details (for engineers)
Before = propflowai.co (live). After = the Vercel preview of branch fede/preview-focuslab-logo. Close-ups are headless Playwright crops of the rendered logo element at 3× device scale, lossless WebP. The waitlist screen is captured with the page's client-side session check answered in the headless browser only. Emails are the golden-snapshot HTML from origin/main and from fede/focuslab-logo-email, rendered at 680px with each branch's logo PNG. Link preview "before" is https://propflowai.co/opengraph-image.png as served; "after" is the PR's file. Docs-site and share-page "after" images swap the new SVG into the real page before capture.
Logo source: Focus Lab Figma file PropFlow — Retainer, frame "Propflow — Primary Logo" (node 2419:4835), Figma's own SVG export.