---
title: "Meridian CRM: Q3 Enterprise Pipeline"
platform: android
slug: meridian-crm-q3-enterprise-pipeline
screens: ["kanban"]
domains: ["crm"]
style: null
fonts: ["Roboto", "Jost", "Roboto Mono"]
roles: ["top-navigation-bar", "toolbar", "segmented-control", "button", "card", "divider", "avatar", "tab-bar"]
score: {clean: 100, consistent: 81, accessible: 56, comprehensible: 39}
url: https://gui.farm/android/meridian-crm-q3-enterprise-pipeline
raw: https://gui.farm/android/meridian-crm-q3-enterprise-pipeline/design.guix
download: https://gui.farm/android/meridian-crm-q3-enterprise-pipeline.gui
---

# Meridian CRM: Q3 Enterprise Pipeline

A Bauhaus-style Android CRM sales-pipeline board where an account executive reviews open deals grouped into Discovery, Qualified, Proposal, and Negotiation stages, with per-stage value, a weighted forecast, and quota attainment.

- **Live preview:** https://gui.farm/android/meridian-crm-q3-enterprise-pipeline
- **Raw source:** https://gui.farm/android/meridian-crm-q3-enterprise-pipeline/design.guix
- **Download (.gui):** https://gui.farm/android/meridian-crm-q3-enterprise-pipeline.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Meridian CRM: Q3 Enterprise Pipeline">
  <tokens>
    <color name="paper" value="#F4F1E8" />
    <color name="card" value="#FFFFFF" />
    <color name="ink" value="#16130F" />
    <color name="muted" value="#6B6459" />
    <color name="blue" value="#1E3AD6" />
    <color name="blue-soft" value="#DEE3FB" />
    <color name="red" value="#C81E1E" />
    <color name="red-soft" value="#F6DAD7" />
    <color name="yellow" value="#F2B705" />
    <color name="yellow-soft" value="#FBEBBD" />
  </tokens>
  <fonts>
    <font family="Jost" source="google" weights="500 600 700" styles="normal" />
    <font family="Roboto" source="google" weights="400 500 700" styles="normal" />
    <font family="Roboto Mono" source="google" weights="500 700" styles="normal" />
  </fonts>
  <styles>
    <text-style name="Time" font-family="Roboto" font-size="13" font-weight="600" line-height="16" />
    <text-style name="Title" font-family="Jost" font-size="20" font-weight="700" line-height="24" />
    <text-style name="Hero" font-family="Jost" font-size="40" font-weight="700" line-height="42" />
    <text-style
      name="HeroLabel"
      font-family="Roboto"
      font-size="11"
      font-weight="700"
      line-height="14"
      letter-spacing="1.2"
    />
    <text-style name="Stage" font-family="Jost" font-size="15" font-weight="700" line-height="18" />
    <text-style name="Company" font-family="Jost" font-size="16" font-weight="600" line-height="20" />
    <text-style name="Amount" font-family="Jost" font-size="18" font-weight="700" line-height="22" />
    <text-style name="Owner" font-family="Roboto" font-size="12" font-weight="600" line-height="16" />
    <text-style name="Body" font-family="Roboto" font-size="12" font-weight="400" line-height="16" />
    <text-style name="Mono" font-family="Roboto Mono" font-size="11" font-weight="500" line-height="14" />
    <text-style name="MonoB" font-family="Roboto Mono" font-size="13" font-weight="700" line-height="16" />
    <text-style name="Count" font-family="Roboto Mono" font-size="11" font-weight="700" line-height="12" />
    <text-style name="Tab" font-family="Roboto" font-size="10" font-weight="600" line-height="12" />
    <text-style
      name="Chip"
      font-family="Roboto Mono"
      font-size="10"
      font-weight="700"
      line-height="12"
      letter-spacing="0.4"
    />
  </styles>
  <col w="360" fill="$paper">
    <row w="fill" h="30" p="0 16" gap="auto" align="middle-left">
      <text text-style="Time" value="9:41" color="$ink" />
      <row gap="6" align="middle-right">
        <img
          src="https://api.iconify.design/material-symbols/signal-cellular-alt-rounded.svg?color=%2316130F"
          w="15"
          h="15"
        />
        <img src="https://api.iconify.design/material-symbols/wifi-rounded.svg?color=%2316130F" w="15" h="15" />
        <img
          src="https://api.iconify.design/material-symbols/battery-full-alt-rounded.svg?color=%2316130F"
          w="15"
          h="15"
        />
      </row>
    </row>
    <row
      w="fill"
      h="56"
      p="0 16"
      gap="12"
      align="middle-left"
      fill="$paper"
      border-bottom="2 $ink"
      role="top-navigation-bar"
    >
      <row w="26" h="26" fill="$blue" align="middle-center">
        <rect w="10" h="10" fill="$yellow" />
      </row>
      <col w="fill" gap="1" align="middle-left">
        <text text-style="Title" value="Sales Pipeline" color="$ink" />
        <text text-style="Mono" value="MERIDIAN CRM" color="$muted" />
      </col>
      <img src="https://api.iconify.design/material-symbols/search-rounded.svg?color=%2316130F" w="22" h="22" />
      <img
        src="https://api.iconify.design/material-symbols/more-vert-rounded.svg?color=%2316130F"
        w="22"
        h="22"
      />
    </row>
    <row w="fill" p="12 16" gap="10" align="middle-left" fill="$paper" role="toolbar">
      <row h="32" border="2 $ink" fill="$card" align="middle-center" role="segmented-control">
        <row h="fill" p="0 12" fill="$blue" align="middle-center">
          <text text-style="Chip" value="OPEN" color="$card" />
        </row>
        <row h="fill" p="0 12" align="middle-center" border-left="2 $ink">
          <text text-style="Chip" value="WON" color="$muted" />
        </row>
        <row h="fill" p="0 12" align="middle-center" border-left="2 $ink">
          <text text-style="Chip" value="ALL" color="$muted" />
        </row>
      </row>
      <row w="fill" align="middle-right">
        <row h="32" p="0 12" gap="6" fill="$ink" align="middle-center" role="button">
          <img
            src="https://api.iconify.design/material-symbols/add-rounded.svg?color=%23F4EBBD"
            w="16"
            h="16"
          />
          <text text-style="Chip" value="NEW DEAL" color="$yellow" />
        </row>
      </row>
    </row>
    <col w="fill" p="0 16" gap="16">
      <col w="fill" p="20" gap="16" fill="$card" border="2 $ink" role="card">
        <appearance>
          <effect type="drop-shadow" x="4" y="4" radius="0" spread="0" color="#16130F" />
        </appearance>
        <row w="fill" gap="8" align="top-left">
          <col w="fill" gap="6" align="top-left">
            <text text-style="HeroLabel" value="OPEN PIPELINE" color="$muted" text-case="uppercase" />
            <text text-style="Hero" value="$709,000" color="$ink" />
            <row gap="8" align="middle-left">
              <row p="3 8" fill="$blue" align="middle-center">
                <text text-style="Chip" value="6 OPEN DEALS" color="$card" />
              </row>
              <text text-style="Mono" value="4 STAGES · Q3 FY26" color="$muted" />
            </row>
          </col>
          <col w="28" gap="6" align="top-center">
            <rect w="24" h="24" fill="$red" radius="12" />
            <rect w="24" h="24" fill="$yellow" />
          </col>
        </row>
        <line fill="$ink" thickness="2" role="divider" />
        <col w="fill" gap="8" align="top-left">
          <text text-style="HeroLabel" value="VALUE BY STAGE" color="$muted" text-case="uppercase" />
          <row w="288" h="16" align="middle-left">
            <rect w="49" h="16" fill="$blue" />
            <rect w="91" h="16" fill="$red" />
            <rect w="63" h="16" fill="$yellow" />
            <rect w="85" h="16" fill="$ink" />
          </row>
          <row w="288" gap="10" align="middle-left">
            <row gap="5" align="middle-center">
              <rect w="9" h="9" fill="$blue" />
              <text text-style="Chip" value="DISCV 2" color="$ink" />
            </row>
            <row gap="5" align="middle-center">
              <rect w="9" h="9" fill="$red" />
              <text text-style="Chip" value="QUAL 2" color="$ink" />
            </row>
            <row gap="5" align="middle-center">
              <rect w="9" h="9" fill="$yellow" />
              <text text-style="Chip" value="PROP 1" color="$ink" />
            </row>
            <row gap="5" align="middle-center">
              <rect w="9" h="9" fill="$ink" />
              <text text-style="Chip" value="NEGO 1" color="$ink" />
            </row>
          </row>
        </col>
        <line fill="$ink" thickness="2" role="divider" />
        <row w="fill" gap="12" align="top-left">
          <col w="fill" gap="4" align="top-left">
            <text text-style="HeroLabel" value="WEIGHTED FORECAST" color="$muted" text-case="uppercase" />
            <text text-style="MonoB" font-size="18" value="$374,800" color="$ink" />
          </col>
          <col w="fill" gap="6" align="top-left">
            <row w="fill" gap="6" align="bottom-left">
              <text w="fill" text-style="HeroLabel" value="Q3 QUOTA" color="$muted" text-case="uppercase" />
              <text text-style="Chip" value="68%" color="$blue" />
            </row>
            <row w="fill" h="12" border="2 $ink" fill="$blue-soft" align="middle-left">
              <rect h="12" fill="$blue" w="35" />
            </row>
            <text text-style="Mono" value="$340,000 WON / $500,000" color="$muted" />
          </col>
        </row>
      </col>
      <col w="fill" gap="0" fill="$blue-soft" border="2 $ink" role="card">
        <row w="fill" p="12 14" gap="10" align="middle-left" fill="$blue-soft" border-bottom="2 $ink">
          <rect w="14" h="14" fill="$blue" />
          <text text-style="Stage" value="DISCOVERY" color="$ink" text-case="uppercase" />
          <row w="20" h="20" fill="$blue" align="middle-center">
            <text text-style="Count" value="2" color="$card" />
          </row>
          <col w="fill" gap="4" align="middle-right">
            <text text-style="MonoB" value="$120,000" color="$ink" />
            <row w="120" h="6" fill="$card" border="1 $ink" align="middle-left">
              <rect w="20" h="6" fill="$blue" />
            </row>
          </col>
        </row>
        <col w="fill" p="10" gap="10" fill="$card">
          <col w="fill" p="12" gap="10" fill="$card" border="2 $ink" role="card">
            <appearance>
              <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#16130F" />
            </appearance>
            <row w="fill" gap="8" align="top-left">
              <col w="fill" gap="3" align="top-left">
                <text text-style="Company" value="Northwind Logistics" color="$ink" />
                <text text-style="Mono" value="4 DAYS IN STAGE" color="$muted" />
              </col>
              <text text-style="Amount" value="$48,000" color="$ink" />
            </row>
            <row w="fill" p="5 8" fill="$yellow-soft" border="2 $ink" gap="6" align="middle-left">
              <img
                src="https://api.iconify.design/material-symbols/bolt-rounded.svg?color=%2316130F"
                w="14"
                h="14"
              />
              <text text-style="Chip" value="NEEDS ACTION: SEND PRICING" color="$ink" />
            </row>
            <line fill="$ink" thickness="2" role="divider" />
            <row w="fill" gap="8" align="middle-left">
              <row w="26" h="26" fill="$blue" align="middle-center" role="avatar">
                <text text-style="Chip" font-size="11" value="AV" color="$card" />
              </row>
              <text w="fill" text-style="Owner" value="Arjun Vaidya" color="$ink" />
              <text text-style="Mono" value="WIN 20%" color="$muted" />
              <row w="60" h="8" fill="$paper" border="1 $ink" align="middle-left">
                <rect w="12" h="8" fill="$blue" />
              </row>
            </row>
          </col>
          <col w="fill" p="12" gap="10" fill="$card" border="2 $ink" role="card">
            <appearance>
              <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#16130F" />
            </appearance>
            <row w="fill" gap="8" align="top-left">
              <col w="fill" gap="3" align="top-left">
                <text text-style="Company" value="Cedargrove Health" color="$ink" />
                <text text-style="Mono" value="9 DAYS IN STAGE" color="$muted" />
              </col>
              <text text-style="Amount" value="$72,000" color="$ink" />
            </row>
            <row w="fill" p="5 8" fill="$paper" border="2 $ink" gap="6" align="middle-left">
              <img
                src="https://api.iconify.design/material-symbols/schedule-rounded.svg?color=%23C81E1E"
                w="14"
                h="14"
              />
              <text text-style="Chip" value="NO ACTIVITY FOR 6 DAYS" color="$red" />
            </row>
            <line fill="$ink" thickness="2" role="divider" />
            <row w="fill" gap="8" align="middle-left">
              <row w="26" h="26" fill="$red" align="middle-center" role="avatar">
                <text text-style="Chip" font-size="11" value="PS" color="$card" />
              </row>
              <text w="fill" text-style="Owner" value="Priya Shah" color="$ink" />
              <text text-style="Mono" value="WIN 20%" color="$muted" />
              <row w="60" h="8" fill="$paper" border="1 $ink" align="middle-left">
                <rect w="12" h="8" fill="$blue" />
              </row>
            </row>
          </col>
        </col>
      </col>
      <col w="fill" gap="0" fill="$red-soft" border="2 $ink" role="card">
        <row w="fill" p="12 14" gap="10" align="middle-left" fill="$red-soft" border-bottom="2 $ink">
          <rect w="14" h="14" fill="$red" />
          <text text-style="Stage" value="QUALIFIED" color="$ink" text-case="uppercase" />
          <row w="20" h="20" fill="$red" align="middle-center">
            <text text-style="Count" value="2" color="$card" />
          </row>
          <col w="fill" gap="4" align="middle-right">
            <text text-style="MonoB" value="$223,000" color="$ink" />
            <row w="120" h="6" fill="$card" border="1 $ink" align="middle-left">
              <rect w="38" h="6" fill="$red" />
            </row>
          </col>
        </row>
        <col w="fill" p="10" gap="10" fill="$card">
          <col w="fill" p="12" gap="10" fill="$card" border="2 $ink" role="card">
            <appearance>
              <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#16130F" />
            </appearance>
            <row w="fill" gap="8" align="top-left">
              <col w="fill" gap="3" align="top-left">
                <text text-style="Company" value="Brightpeak Retail" color="$ink" />
                <text text-style="Mono" value="6 DAYS IN STAGE" color="$muted" />
              </col>
              <text text-style="Amount" value="$95,000" color="$ink" />
            </row>
            <row w="fill" p="5 8" fill="$paper" border="2 $ink" gap="6" align="middle-left">
              <img
                src="https://api.iconify.design/material-symbols/event-upcoming-rounded.svg?color=%2316130F"
                w="14"
                h="14"
              />
              <text text-style="Chip" value="NEXT: PRODUCT DEMO AUG 20" color="$ink" />
            </row>
            <line fill="$ink" thickness="2" role="divider" />
            <row w="fill" gap="8" align="middle-left">
              <row w="26" h="26" fill="$ink" align="middle-center" role="avatar">
                <text text-style="Chip" font-size="11" value="ME" color="$card" />
              </row>
              <text w="fill" text-style="Owner" value="Mara Ellison" color="$ink" />
              <text text-style="Mono" value="WIN 40%" color="$muted" />
              <row w="60" h="8" fill="$paper" border="1 $ink" align="middle-left">
                <rect w="24" h="8" fill="$blue" />
              </row>
            </row>
          </col>
          <col w="fill" p="12" gap="10" fill="$card" border="2 $ink" role="card">
            <appearance>
              <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#16130F" />
            </appearance>
            <row w="fill" gap="8" align="top-left">
              <col w="fill" gap="3" align="top-left">
                <text text-style="Company" value="Vantage Robotics" color="$ink" />
                <text text-style="Mono" value="12 DAYS IN STAGE" color="$muted" />
              </col>
              <text text-style="Amount" value="$128,000" color="$ink" />
            </row>
            <row w="fill" p="5 8" fill="$paper" border="2 $ink" gap="6" align="middle-left">
              <img
                src="https://api.iconify.design/material-symbols/event-upcoming-rounded.svg?color=%2316130F"
                w="14"
                h="14"
              />
              <text text-style="Chip" value="NEXT: TECH REVIEW AUG 19" color="$ink" />
            </row>
            <line fill="$ink" thickness="2" role="divider" />
            <row w="fill" gap="8" align="middle-left">
              <row w="26" h="26" fill="$blue" align="middle-center" role="avatar">
                <text text-style="Chip" font-size="11" value="AV" color="$card" />
              </row>
              <text w="fill" text-style="Owner" value="Arjun Vaidya" color="$ink" />
              <text text-style="Mono" value="WIN 40%" color="$muted" />
              <row w="60" h="8" fill="$paper" border="1 $ink" align="middle-left">
                <rect w="24" h="8" fill="$blue" />
              </row>
            </row>
          </col>
        </col>
      </col>
      <col w="fill" gap="0" fill="$yellow-soft" border="2 $ink" role="card">
        <row w="fill" p="12 14" gap="10" align="middle-left" fill="$yellow-soft" border-bottom="2 $ink">
          <rect w="14" h="14" fill="$yellow" />
          <text text-style="Stage" value="PROPOSAL" color="$ink" text-case="uppercase" />
          <row w="20" h="20" fill="$yellow" align="middle-center">
            <text text-style="Count" value="1" color="$ink" />
          </row>
          <col w="fill" gap="4" align="middle-right">
            <text text-style="MonoB" value="$156,000" color="$ink" />
            <row w="120" h="6" fill="$card" border="1 $ink" align="middle-left">
              <rect w="26" h="6" fill="$yellow" />
            </row>
          </col>
        </row>
        <col w="fill" p="10" gap="10" fill="$card">
          <col w="fill" p="12" gap="10" fill="$card" border="2 $ink" role="card">
            <appearance>
              <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#16130F" />
            </appearance>
            <row w="fill" gap="8" align="top-left">
              <col w="fill" gap="3" align="top-left">
                <text text-style="Company" value="Halcyon Media Group" color="$ink" />
                <text text-style="Mono" value="3 DAYS IN STAGE" color="$muted" />
              </col>
              <text text-style="Amount" value="$156,000" color="$ink" />
            </row>
            <row w="fill" p="5 8" fill="$paper" border="2 $ink" gap="6" align="middle-left">
              <img
                src="https://api.iconify.design/material-symbols/description-rounded.svg?color=%2316130F"
                w="14"
                h="14"
              />
              <text text-style="Chip" value="PROPOSAL SENT AUG 14" color="$ink" />
            </row>
            <line fill="$ink" thickness="2" role="divider" />
            <row w="fill" gap="8" align="middle-left">
              <row w="26" h="26" fill="$ink" align="middle-center" role="avatar">
                <text text-style="Chip" font-size="11" value="ME" color="$card" />
              </row>
              <text w="fill" text-style="Owner" value="Mara Ellison" color="$ink" />
              <text text-style="Mono" value="WIN 60%" color="$muted" />
              <row w="60" h="8" fill="$paper" border="1 $ink" align="middle-left">
                <rect w="36" h="8" fill="$blue" />
              </row>
            </row>
          </col>
        </col>
      </col>
      <col w="fill" gap="0" fill="$paper" border="2 $ink" role="card">
        <row w="fill" p="12 14" gap="10" align="middle-left" fill="$paper" border-bottom="2 $ink">
          <rect w="14" h="14" fill="$ink" />
          <text text-style="Stage" value="NEGOTIATION" color="$ink" text-case="uppercase" />
          <row w="20" h="20" fill="$ink" align="middle-center">
            <text text-style="Count" value="1" color="$card" />
          </row>
          <col w="fill" gap="4" align="middle-right">
            <text text-style="MonoB" value="$210,000" color="$ink" />
            <row w="120" h="6" fill="$card" border="1 $ink" align="middle-left">
              <rect w="36" h="6" fill="$ink" />
            </row>
          </col>
        </row>
        <col w="fill" p="10" gap="10" fill="$card">
          <col w="fill" p="12" gap="10" fill="$card" border="2 $ink" role="card">
            <appearance>
              <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#16130F" />
            </appearance>
            <row w="fill" gap="8" align="top-left">
              <col w="fill" gap="3" align="top-left">
                <text text-style="Company" value="Orbital Freight Systems" color="$ink" />
                <text text-style="Mono" value="5 DAYS IN STAGE" color="$muted" />
              </col>
              <text text-style="Amount" value="$210,000" color="$ink" />
            </row>
            <row w="fill" p="5 8" fill="$ink" gap="6" align="middle-left">
              <img
                src="https://api.iconify.design/material-symbols/bolt-rounded.svg?color=%23F2B705"
                w="14"
                h="14"
              />
              <text w="fill" text-style="Chip" value="CLOSING SOON" color="$yellow" />
              <text text-style="Chip" value="DECISION AUG 22" color="$card" />
            </row>
            <line fill="$ink" thickness="2" role="divider" />
            <row w="fill" gap="8" align="middle-left">
              <row w="26" h="26" fill="$yellow" align="middle-center" role="avatar">
                <text text-style="Chip" font-size="11" value="TR" color="$ink" />
              </row>
              <text w="fill" text-style="Owner" value="Tomas Reuben" color="$ink" />
              <text text-style="Mono" value="WIN 80%" color="$muted" />
              <row w="60" h="8" fill="$paper" border="1 $ink" align="middle-left">
                <rect w="48" h="8" fill="$blue" />
              </row>
            </row>
          </col>
        </col>
      </col>
      <col w="fill" gap="10" p="0 0 4 0">
        <row w="fill" gap="8" align="middle-left">
          <img
            src="https://api.iconify.design/material-symbols/trophy-rounded.svg?color=%2316130F"
            w="16"
            h="16"
          />
          <text text-style="HeroLabel" value="RECENTLY WON" color="$ink" text-case="uppercase" />
          <line w="fill" fill="$ink" thickness="2" />
        </row>
        <row w="fill" p="12" gap="10" fill="$card" border="2 $ink" align="middle-left" role="card">
          <appearance>
            <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#16130F" />
          </appearance>
          <row w="30" h="30" fill="$blue" align="middle-center">
            <img
              src="https://api.iconify.design/material-symbols/check-rounded.svg?color=%23FFFFFF"
              w="20"
              h="20"
            />
          </row>
          <col w="fill" gap="2" align="middle-left">
            <text text-style="Company" value="Summit Manufacturing" color="$ink" />
            <text text-style="Body" value="Closed by Mara Ellison, Aug 12" color="$muted" />
          </col>
          <text text-style="Amount" value="$84,000" color="$ink" />
        </row>
      </col>
    </col>
    <col w="fill" fill="$card" border="2 0 0 0 $ink">
      <row role="tab-bar" w="fill" h="60" p="0 8" align="middle-center">
        <col w="fill" gap="4" align="middle-center">
          <img
            src="https://api.iconify.design/material-symbols/view-kanban-rounded.svg?color=%231E3AD6"
            w="24"
            h="24"
          />
          <text text-style="Tab" value="Pipeline" color="$blue" />
        </col>
        <col w="fill" gap="4" align="middle-center">
          <img
            src="https://api.iconify.design/material-symbols/contacts-rounded.svg?color=%236B6459"
            w="24"
            h="24"
          />
          <text text-style="Tab" value="Contacts" color="$muted" />
        </col>
        <col w="fill" gap="4" align="middle-center">
          <img
            src="https://api.iconify.design/material-symbols/task-alt-rounded.svg?color=%236B6459"
            w="24"
            h="24"
          />
          <text text-style="Tab" value="Tasks" color="$muted" />
        </col>
        <col w="fill" gap="4" align="middle-center">
          <img
            src="https://api.iconify.design/material-symbols/bar-chart-rounded.svg?color=%236B6459"
            w="24"
            h="24"
          />
          <text text-style="Tab" value="Reports" color="$muted" />
        </col>
        <col w="fill" gap="4" align="middle-center">
          <img
            src="https://api.iconify.design/material-symbols/person-rounded.svg?color=%236B6459"
            w="24"
            h="24"
          />
          <text text-style="Tab" value="Profile" color="$muted" />
        </col>
      </row>
      <row w="fill" h="24" align="middle-center">
        <rect w="108" h="4" radius="2" fill="$ink" />
      </row>
    </col>
  </col>
</gui>
```