Skip to content

✅ [Complete] DevFlow.brnd Rebrand Implementation #14

@0xtsotsi

Description

@0xtsotsi

Summary

Rebrand from 'Automaker' to 'DevFlow.brnd' has been completed across the application.

Changes Made

Logo Component

  • Renamed automaker-logo.tsxdevflow-logo.tsx
  • Updated component AutomakerLogoDevFlowLogo
  • Updated all imports and exports
  • Added .font-outline CSS class for outlined 'brnd' text effect

User-Facing Text Updated

  • Splash screen: "DevFlow.brnd"
  • Welcome view: "Welcome to DevFlow"
  • Setup wizard: "Welcome to DevFlow" / "DevFlow Setup"
  • Wiki/Documentation: All references updated (7+ occurrences)
  • Agent messages: "DevFlow Agent" greeting
  • Templates: "DevFlow Starter Kit"
  • Error dialogs: "DevFlow Failed to Start"
  • Danger zone: "remove from DevFlow"

File System Updates

  • userData path changed from AutomakerDevFlow

Files Modified

UI Components

  • apps/ui/src/components/layout/sidebar/components/devflow-logo.tsx
  • apps/ui/src/components/layout/sidebar/components/index.ts
  • apps/ui/src/components/layout/sidebar/components/sidebar-header.tsx
  • apps/ui/src/components/splash-screen.tsx
  • apps/ui/src/components/views/welcome-view.tsx
  • apps/ui/src/components/views/setup-view/steps/welcome-step.tsx
  • apps/ui/src/components/views/setup-view.tsx
  • apps/ui/src/components/views/wiki-view.tsx
  • apps/ui/src/components/views/agent-view.tsx
  • apps/ui/src/components/views/context-view.tsx
  • apps/ui/src/components/views/settings-view/danger-zone/danger-zone-section.tsx

Core Files

  • apps/ui/src/main.ts
  • apps/ui/src/store/app-store.ts
  • apps/ui/src/lib/templates.ts
  • apps/ui/src/styles/global.css

CSS Implementation

Added .font-outline utility class:

.font-outline {
  -webkit-text-stroke: 1.5px var(--foreground);
  color: transparent;
  font-weight: 700;
}

This creates the hollow "brnd" text effect with borders but empty interior space.

Preserved Internal References

The following remain unchanged for API/technical compatibility:

  • Package names (@automaker/*)
  • .automaker/ directory structure
  • Function names like hasAutomakerDir()
  • localStorage keys

Verification Status

  • All user-facing branding updated
  • Component renamed and imports updated
  • CSS utility added
  • Visual QA completed (needs manual verification)
  • Cross-browser tested (Firefox may have issues with -webkit-text-stroke)
  • Accessibility reviewed

Related Issues

  • Cross-browser fallback: #LINK_AFTER_CREATION

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentationenhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions