---
title: "Stockline — Cycle Count"
platform: android
slug: stockline-cycle-count-android
screens: ["form"]
domains: ["productivity"]
style: "flat"
fonts: ["Roboto"]
roles: ["top-navigation-bar", "button", "badge", "card", "checkbox", "divider", "stepper", "toolbar", "floating-action-button"]
score: {clean: 100, consistent: 78, accessible: 96, comprehensible: 54}
url: https://gui.farm/android/stockline-cycle-count-android
raw: https://gui.farm/android/stockline-cycle-count-android/design.guix
download: https://gui.farm/android/stockline-cycle-count-android.gui
---

# Stockline — Cycle Count

Warehouse cycle-count task with per-bin counted/expected values, variance flags, and a progress tracker.

- **Live preview:** https://gui.farm/android/stockline-cycle-count-android
- **Raw source:** https://gui.farm/android/stockline-cycle-count-android/design.guix
- **Download (.gui):** https://gui.farm/android/stockline-cycle-count-android.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Stockline — Cycle Count">
  <tokens>
    <color name="bg" value="#F7F8F3" /><color name="surface" value="#FFFFFF" /><color name="surface-variant" value="#E8ECE3" /><color name="surface-high" value="#DEE5D9" />
    <color name="text-primary" value="#1A201B" /><color name="text-secondary" value="#4C584E" /><color name="outline" value="#78837A" /><color name="outline-soft" value="#C7D0C7" />
    <color name="primary" value="#176B45" /><color name="on-primary" value="#FFFFFF" /><color name="primary-container" value="#C9F0D8" /><color name="on-primary-container" value="#073B25" />
    <color name="warning" value="#704D00" /><color name="warning-container" value="#FFE6A8" /><color name="error" value="#9C2721" /><color name="error-container" value="#FFDAD6" />
    <number name="r-xs" value="4" /><number name="r-sm" value="8" /><number name="r-md" value="12" /><number name="r-lg" value="16" /><number name="r-xl" value="28" /><number name="r-full" value="999" />
  </tokens>
  <styles>
    <text-style name="TitleLarge" font-family="Roboto" font-size="22" font-weight="500" line-height="28" />
    <text-style name="TitleMedium" font-family="Roboto" font-size="16" font-weight="500" line-height="24" />
    <text-style name="TitleSmall" font-family="Roboto" font-size="14" font-weight="500" line-height="20" />
    <text-style name="BodyLarge" font-family="Roboto" font-size="16" font-weight="400" line-height="24" />
    <text-style name="BodyMedium" font-family="Roboto" font-size="14" font-weight="400" line-height="20" />
    <text-style name="LabelLarge" font-family="Roboto" font-size="14" font-weight="500" line-height="20" />
    <text-style name="LabelMedium" font-family="Roboto" font-size="12" font-weight="500" line-height="16" />
    <text-style name="LabelSmall" font-family="Roboto" font-size="11" font-weight="500" line-height="16" letter-spacing="0.4" />
    <text-style name="Metric" font-family="Roboto" font-size="32" font-weight="500" line-height="40" />
  </styles>
  <fonts><font family="Roboto" source="google" weights="400 500 600 700" styles="normal" /></fonts>
  <col w="360" fill="$bg" clip="true">
    <row w="360" h="24" p="4 16 0 16" align="middle-left">
      <text w="fill" value="9:41" text-style="LabelSmall" color="$text-primary" />
      <row gap="5" align="middle-left"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/signal.svg" w="15" h="15" /><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/wifi.svg" w="15" h="15" /><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/battery-full.svg" w="18" h="18" /></row>
    </row>
    <row role="top-navigation-bar" w="360" h="64" p="0 8" gap="4" align="middle-left">
      <row role="button" w="48" h="48" radius="$r-full" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/arrow-back.svg" w="24" h="24" /></row>
      <col w="fill" gap="1"><text value="Cycle count" text-style="TitleLarge" color="$text-primary" /><text value="Warehouse 04" text-style="LabelMedium" color="$text-secondary" /></col>
      <row role="button" w="48" h="48" radius="$r-full" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/more-vert.svg" w="24" h="24" /></row>
    </row>
    <col w="360" p="8 16 28 16" gap="24">
      <row w="fill" gap="auto" align="middle-left">
        <col gap="4"><text value="Aisle B · Bay 14" text-style="TitleLarge" color="$text-primary" /><text value="Count sheet CC-0813" text-style="BodyMedium" color="$text-secondary" /></col>
        <row role="badge" h="32" radius="$r-full" fill="$primary-container" p="0 12" align="middle-center"><text value="In progress" text-style="LabelMedium" color="$on-primary-container" /></row>
      </row>

      <col role="card" w="328" fill="$surface" border="1 $outline-soft" radius="$r-lg" p="16" gap="14">
        <row w="fill" gap="auto" align="middle-left"><col gap="2"><text value="Bins counted" text-style="TitleMedium" color="$text-primary" /><text value="18 of 24 complete" text-style="BodyMedium" color="$text-secondary" /></col><text value="75%" text-style="Metric" color="$primary" /></row>
        <frame w="296" h="10" radius="5" clip="true"><rect x="0" y="0" w="296" h="10" fill="$surface-variant" /><rect x="0" y="0" w="222" h="10" radius="5" fill="$primary" /></frame>
        <row w="fill" gap="auto" align="middle-left"><text value="Started 08:20" text-style="LabelMedium" color="$text-secondary" /><text value="6 bins remaining" text-style="LabelMedium" color="$text-secondary" /></row>
      </col>

      <row w="328" gap="8">
        <col role="card" w="160" fill="$primary-container" radius="$r-md" p="16" gap="4"><text value="COUNTED" text-style="LabelSmall" color="$on-primary-container" /><text value="51" text-style="Metric" color="$on-primary-container" /><text value="units in this bay" text-style="LabelMedium" color="$on-primary-container" /></col>
        <col role="card" w="160" fill="$error-container" radius="$r-md" p="16" gap="4"><text value="VARIANCE" text-style="LabelSmall" color="$error" /><text value="−3" text-style="Metric" color="$error" /><text value="vs 54 expected" text-style="LabelMedium" color="$error" /></col>
      </row>

      <col w="328" gap="12">
        <row w="fill" gap="auto" align="middle-left"><text value="Items in bay" text-style="TitleLarge" color="$text-primary" /><row role="badge" h="28" radius="$r-full" fill="$warning-container" p="0 10" gap="6" align="middle-center"><ellipse w="7" h="7" fill="$warning" /><text value="2 need review" text-style="LabelMedium" color="$warning" /></row></row>
        <col role="card" w="328" fill="$surface" border="1 $outline-soft" radius="$r-lg" clip="true">
          <row w="328" h="68" p="0 12" gap="10" align="middle-left">
            <row role="checkbox" w="40" h="40" radius="$r-full" fill="$primary-container" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/check.svg" w="22" h="22" /></row>
            <col w="fill" gap="2"><text value="Ceramic mug, sage" text-style="TitleMedium" color="$text-primary" /><text value="SKU 442-019 · expected 12" text-style="LabelMedium" color="$text-secondary" /></col><text value="12" text-style="TitleLarge" color="$primary" />
          </row>
          <line role="divider" w="304" fill="$outline-soft" />
          <col w="328" fill="$warning-container" p="12" gap="10">
            <row w="304" gap="10" align="middle-left"><row w="40" h="40" radius="$r-full" fill="$surface" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/inventory.svg" w="22" h="22" /></row><col w="fill" gap="2"><text value="Linen runner, oat" text-style="TitleMedium" color="$text-primary" /><text value="SKU 118-774 · expected 8" text-style="LabelMedium" color="$warning" /></col><row role="badge" h="26" radius="$r-full" fill="$surface" p="0 9" align="middle-center"><text value="−2" text-style="LabelLarge" color="$error" /></row></row>
            <row role="stepper" w="fill" h="44" radius="$r-full" fill="$surface" p="0 4" gap="auto" align="middle-left"><row w="36" h="36" radius="$r-full" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/remove.svg" w="22" h="22" /></row><text value="6 counted" text-style="TitleMedium" color="$text-primary" /><row w="36" h="36" radius="$r-full" fill="$primary-container" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/add.svg" w="22" h="22" /></row></row>
          </col>
          <line role="divider" w="304" fill="$outline-soft" />
          <row w="328" h="68" p="0 12" gap="10" align="middle-left"><row w="40" h="40" radius="$r-full" fill="$warning-container" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/inventory.svg" w="22" h="22" /></row><col w="fill" gap="2"><text value="Citrus candle" text-style="TitleMedium" color="$text-primary" /><text value="SKU 992-403 · expected 10" text-style="LabelMedium" color="$text-secondary" /></col><row role="badge" h="26" radius="$r-full" fill="$error-container" p="0 9" align="middle-center"><text value="9 · −1" text-style="LabelLarge" color="$error" /></row></row>
          <line role="divider" w="304" fill="$outline-soft" />
          <row w="328" h="68" p="0 12" gap="10" align="middle-left"><row role="checkbox" w="40" h="40" radius="$r-full" fill="$primary-container" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/check.svg" w="22" h="22" /></row><col w="fill" gap="2"><text value="Glass bottle set" text-style="TitleMedium" color="$text-primary" /><text value="SKU 335-620 · expected 24" text-style="LabelMedium" color="$text-secondary" /></col><text value="24" text-style="TitleLarge" color="$primary" /></row>
        </col>
      </col>

      <col role="card" w="328" fill="$surface-variant" radius="$r-md" p="16" gap="8"><row gap="9" align="middle-left"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/info.svg" w="20" h="20" /><text value="Before you submit" text-style="TitleSmall" color="$text-primary" /></row><text value="Recount both mismatched items or add a variance note for the inventory manager." text-style="BodyMedium" color="$text-secondary" /></col>
    </col>

    <col role="toolbar" w="360" fill="$surface" border="1 0 0 0 $outline-soft">
      <row w="fill" h="64" p="4 16" gap="auto" align="middle-left">
      <row role="button" h="48" radius="$r-full" p="0 16" align="middle-center"><text value="Save draft" text-style="LabelLarge" color="$primary" /></row>
      <row role="floating-action-button" h="56" radius="$r-lg" fill="$primary-container" p="0 18" gap="10" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/98322ecc-1fe6-47d8-862f-e9aec207b1ee/barcode-scanner.svg" w="24" h="24" /><text value="Scan item" text-style="LabelLarge" color="$on-primary-container" /></row>
    </row>
    <frame w="360" h="24" fill="$surface" clip="true"><rect x="110" y="10" w="140" h="4" radius="2" fill="$text-primary" /></frame>
    </col>
  </col>
</gui>
```