Open app

Brand guidelines

Use the Fluidwork name, identity, visual system, voice, and messaging consistently.

Brand name

Use Fluidwork in written copy, including prose, documentation, emails, proposals, website copy, sales materials, help content, and product descriptions.

  • Correct: Fluidwork
  • Avoid: fluidwork, Fluid Work, FluidWork, Fluid work, and FLUIDWORK

Use the lowercase fluidwork wordmark only in designed brand treatments such as logo lockups, interface marks, social graphics, banners, presentation covers, rich-media cards, and product badges. In the wordmark, give fluid modestly more visual weight than work—medium or semibold for fluid, regular or book for work—while keeping the name unified as one word.

Positioning

Fluidwork is a collaborative work management platform for agencies that need advanced planning, timeline visibility, and delivery coordination without the rigidity of traditional project management systems.

The brand should communicate:

  • Sophisticated project orchestration
  • Flexible delivery workflows
  • Cross-functional collaboration
  • Timeline and dependency clarity
  • Agency operations maturity
  • Structured execution without unnecessary process drag

Fluidwork should feel like a modern, agency-native alternative to rigid project management tools: powerful enough for complex delivery, but fluid enough for the way client-service teams work.

Brand essence

Core idea: Structured work, moving fluidly.

Fluidwork combines planning discipline with the adaptability agency environments require. The brand balances control and motion: roadmaps, scopes, dependencies, staffing, timelines, and approvals moving together in one operational layer.

  • Fluid: adaptable, responsive, and low-friction
  • Structured: organized, dependable, and operationally sound
  • Collaborative: built for teams, clients, and stakeholders
  • Precise: clear about ownership, dates, sequencing, and dependencies
  • Modern: clean, focused, and high-signal

Logo system

The Fluidwork visual identity uses a lowercase rich-media wordmark and an abstract ribbon “f” icon.

Primary wordmark

Use fluidwork in designed assets. It should be all lowercase, one word, clean, modern, horizontally balanced, and slightly weighted toward fluid. Do not introduce spacing, color breaks, or capitalization between the two parts.

Recommended construction:

  • fluid: medium or semibold
  • work: regular or book
  • Tight but comfortable kerning
  • No visible word break, camel case, or separator

The weight change should be subtle enough that the mark still reads as one product identity.

Standalone icon

The standalone mark is the abstract ribbon “f.” It should suggest motion, flowing workstreams, connected delivery paths, flexible timelines, and layered collaboration.

Use it for app icons, favicons, social avatars, browser extensions, presentation watermarks, loading states, and small product brand placements.

Logo lockups

  • Primary horizontal: ribbon “f” to the left of the wordmark. Use for website headers, landing page heroes, email banners, deck covers, event signage, one-pagers, case studies, and proposals.
  • Square: ribbon icon above, or centered with, the wordmark below. Use for social graphics, presentation cards, partner directories, marketplace listings, and launch graphics.
  • Icon only: ribbon “f” without the wordmark when the name is nearby or space is constrained. Use for favicons, app tiles, mobile icons, browser tabs, avatars, and watermarks.

Logo usage

Maintain clear space around the logo equal to at least the height of the ribbon icon’s central band.

Do not:

  • Write “Fluid Work” as two words or “FluidWork” in prose
  • Set the designed wordmark as “Fluidwork”
  • Over-bold the full wordmark or make “work” disappear
  • Stretch, distort, or rotate the logo
  • Add heavy drop shadows
  • Place the logo over visually noisy imagery
  • Substitute literal droplets, water graphics, or wave clichés for the ribbon mark
  • Recreate the wordmark with unrelated typography

The logo should feel polished, intentional, and product-led.

Color system

The palette supports a modern SaaS identity across light and dark applications.

Primary colors

  • Deep Navy — #07142E: dark-mode backgrounds, headers, premium marketing assets, and high-contrast sections
  • Near Black Navy — #020817: dramatic dark backgrounds and hero sections
  • White — #FFFFFF: light backgrounds, product surfaces, and clean marketing layouts

Accent gradient

Use this blue-to-violet gradient for the ribbon “f” mark:

#15D5FF → #2563FF → #7C3AED → #B832F6

It represents flow, momentum, collaboration, and flexible delivery.

Supporting accents

Light accents:

  • Pale Cyan — #DFF7FF
  • Soft Blue — #DCEBFF
  • Soft Violet — #EFE5FF
  • Light Surface Gray — #F7F9FC

Dark accents:

  • Midnight — #020817
  • Deep Blue — #07142E
  • Muted Indigo — #172554
  • Electric Cyan — #22D3EE

Typography

Use modern, operational, product-focused typography with clean, highly legible letterforms, a slightly rounded but not playful character, and strong performance in both product UI and marketing.

Suitable directions include Inter, Geist, Söhne, Circular, Avenir, Neue Haas Grotesk, and Graphik. The wordmark should use a custom or semi-custom lowercase sans-serif treatment following the weight and spacing rules above.

Visual language

Fluidwork should look like a premium collaboration platform for high-performing agency teams.

Prefer:

  • Layered translucent ribbons and smooth gradient flows
  • Clean white or deep navy canvases
  • Rounded cards and containers with soft shadows
  • Subtle glassmorphism
  • Timeline-inspired layouts and modular work blocks
  • Fine-line dependency paths
  • Calm motion and directional flow

Avoid:

  • Literal water graphics, cartoon waves, and droplets
  • Clip-art project-management symbols
  • Puzzle pieces and handshake icons
  • Generic teamwork illustrations
  • Overly busy Gantt screenshots
  • Harsh neon cyberpunk styling
  • Enterprise stock-photo aesthetics

Graphic motifs

The primary motif is the flowing ribbon. It can appear as the standalone “f,” large background waves, section dividers, motion paths, timeline flow lines, card-edge accents, presentation graphics, or loading animations.

Secondary motifs include rounded Gantt bars, dependency lines, layered workstreams, milestone nodes, soft grid systems, and modular planning cards. Together, they should reinforce work moving through a structured but flexible delivery pipeline.

Product and UX associations

Connect the identity to Fluidwork’s core value areas:

  • Advanced Gantt planning and dependency management
  • Team collaboration and agency resource coordination
  • Project delivery visibility and client-facing alignment
  • Timeline governance and milestone tracking
  • Cross-functional work orchestration

Fluidwork should not feel like a generic task-list app. It should feel like a serious planning and delivery system for agencies handling complex client work.

Voice and tone

Write in a clear, confident, and operationally sharp voice. Fluidwork should sound direct, useful, modern, calm, competent, agency-aware, and focused on delivery.

Avoid a voice that is cute, overly casual, buzzword-heavy, enterprise-bloated, abstract without substance, or unnecessarily technical for agency operators. Use plain, credible industry language and favor concrete outcomes over vague productivity claims.

Messaging pillars

Planning clarity

Fluidwork helps teams understand what needs to happen, when it needs to happen, and how workstreams relate.

  • Build clear project plans across timelines, milestones, and dependencies.
  • Keep delivery plans visible from kickoff through completion.
  • Turn complex agency work into an actionable delivery roadmap.

Collaboration across teams

Fluidwork supports strategists, designers, developers, account managers, clients, and leadership working together.

  • Align internal teams and stakeholders around one source of truth.
  • Keep cross-functional work moving without losing context.
  • Give every team visibility into what matters next.

Flexible execution

Agency plans change. Fluidwork should make that change manageable.

  • Adapt plans as priorities, timelines, and client needs shift.
  • Manage change without rebuilding the entire project plan.
  • Keep delivery moving even when scope and sequencing evolve.

Delivery confidence

Fluidwork helps agencies stay ahead of deadlines, blockers, and dependencies.

  • Surface blockers before they become delivery risks.
  • Track progress against the plan without adding process overhead.
  • Give agency leaders better visibility into delivery health.

Tagline

Primary tagline: Plan. Collaborate. Deliver.

Use it in rich-media assets, launch graphics, banners, and presentation covers.

Alternative directions:

  • Work that flows.
  • Agency work, finally aligned.
  • Plan the work. Flow through delivery.
  • Complex delivery, clearly managed.
  • Built for the way agencies deliver.
  • Keep complex work moving.

Example copy

Short positioning line

Fluidwork helps agencies plan complex work, align teams, and keep delivery moving.

Product description

Fluidwork is a collaborative work management platform for agencies, combining advanced Gantt planning, dependency visibility, and team coordination in one flexible delivery workspace.

Homepage headlines

  • Agency work, planned with flow.
  • Plan complex agency work without slowing delivery.
  • Advanced project planning for modern agency teams.
  • Where timelines, teams, and delivery stay aligned.
  • Keep agency work moving from plan to delivery.

Subheadlines

  • Fluidwork gives teams a shared view of timelines, dependencies, milestones, and delivery risk.
  • Build structured project plans that adapt as client work changes.
  • Coordinate complex work across teams without losing momentum.
  • Replace scattered timelines and status updates with one delivery workspace.

Naming and copy rules

Use Fluidwork in written copy:

  • Fluidwork helps agencies manage complex delivery.
  • Teams use Fluidwork to plan timelines and coordinate work.
  • Fluidwork gives agency leaders better visibility into project health.

Use fluidwork only in designed brand treatments, including logo lockups, app icons, social banners, website hero graphics, presentation covers, rich-media cards, and product badges.

Never use Fluid Work, FluidWork, fluid work, FLUIDWORK, or fluidWork.

Recommended asset set

Maintain:

  • Horizontal logos for light and dark backgrounds
  • Standalone ribbon “f” icon as SVG and transparent PNG
  • Square app icon and favicon
  • Social avatar and LinkedIn banner
  • Website hero banner
  • Sales deck title slide and one-page PDF header
  • Email signature mark
  • Light- and dark-mode marketing templates

Overall direction

Fluidwork should present as a modern, premium, agency-focused work management platform. Build the system around the ribbon “f,” the lowercase fluidwork wordmark, subtle emphasis on fluid, a blue-to-violet gradient, clean light and dark layouts, flowing ribbon motifs, and operationally precise messaging.

The brand should communicate that Fluidwork gives agencies the structure to manage complex work while preserving the flexibility required in fast-moving client environments.