---
title: "Threadline Today"
platform: ios
slug: threadline-ai-workspace
screens: ["dashboard"]
domains: ["ai-chat", "productivity"]
style: "minimal"
fonts: ["SF Pro"]
roles: ["top-navigation-bar", "avatar", "card", "badge", "button", "text-field", "tab-bar"]
score: {clean: 100, consistent: 80, accessible: 94, comprehensible: 49}
url: https://gui.farm/ios/threadline-ai-workspace
raw: https://gui.farm/ios/threadline-ai-workspace/design.guix
download: https://gui.farm/ios/threadline-ai-workspace.gui
---

# Threadline Today

An editorial iOS AI workspace home screen with an active task, quick composer, project threads, and tab navigation.

- **Live preview:** https://gui.farm/ios/threadline-ai-workspace
- **Raw source:** https://gui.farm/ios/threadline-ai-workspace/design.guix
- **Download (.gui):** https://gui.farm/ios/threadline-ai-workspace.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Threadline Today">
  <tokens>
    <color name="bg" value="#F3F0E8"/><color name="surface" value="#FBF9F4"/><color name="ink" value="#171916"/><color name="muted" value="#6F716A"/><color name="inverse" value="#F8F6EF"/><color name="border" value="#DCD7CB"/><color name="primary" value="#C94F32"/><color name="track" value="#373A34"/>
    <number name="r-card" value="16"/><number name="r-hero" value="22"/><number name="r-pill" value="999"/>
  </tokens>
  <styles>
    <text-style name="LargeTitle" font-family="SF Pro" font-size="34" font-weight="700" line-height="41"/>
    <text-style name="Title2" font-family="SF Pro" font-size="22" font-weight="600" line-height="28"/>
    <text-style name="Headline" font-family="SF Pro" font-size="17" font-weight="600" line-height="22"/>
    <text-style name="Body" font-family="SF Pro" font-size="17" font-weight="400" line-height="22"/>
    <text-style name="Sub" font-family="SF Pro" font-size="15" font-weight="400" line-height="20"/>
    <text-style name="Foot" font-family="SF Pro" font-size="13" font-weight="400" line-height="18"/>
    <text-style name="Cap" font-family="SF Pro" font-size="12" font-weight="600" line-height="16" letter-spacing="0.3"/>
  </styles>
  <fonts><font family="SF Pro" source="system" weights="400 500 600 700" styles="normal"/><font family="Inter" source="google" weights="400 500 600 700" styles="normal"/></fonts>
  <col w="390" h="844" fill="$bg">
    <row w="fill" h="47" p="14 20 8 20" gap="auto" align="middle-center">
      <text value="9:41" font-family="SF Pro" font-size="15" font-weight="600" line-height="20" color="$ink"/>
      <text value="● ● ▰" font-family="SF Pro" font-size="12" font-weight="600" line-height="16" color="$ink"/>
    </row>
    <col w="fill" h="fill" p="6 16 0 16" gap="16">
      <row role="top-navigation-bar" w="fill" h="52" gap="auto" align="middle-center">
        <col gap="1"><text value="Tuesday, 4 August" text-style="Foot" color="$muted"/><text value="Threadline" text-style="LargeTitle" color="$ink"/></col>
        <row role="avatar" w="40" h="40" radius="$r-pill" fill="$ink" align="middle-center"><text value="JJ" font-family="SF Pro" font-size="14" font-weight="600" line-height="18" color="$inverse"/></row>
      </row>
      <col role="card" w="fill" fill="$ink" radius="$r-hero" p="18" gap="16">
        <row w="fill" gap="auto" align="middle-center">
          <row role="badge" gap="7" p="6 10" radius="$r-pill" fill="#2A2D28" align="middle-left"><ellipse w="7" h="7" fill="$primary"/><text value="IN PROGRESS" text-style="Cap" color="$inverse"/></row>
          <text value="68%" text-style="Foot" color="#B9BBB4"/>
        </row>
        <col w="fill" gap="8"><text value="Prepare the product launch brief" font-family="SF Pro" font-size="24" font-weight="600" line-height="29" color="$inverse" w="fill"/><text value="Comparing 12 customer interviews with the latest positioning draft." text-style="Sub" color="#B9BBB4" w="fill"/></col>
        <row w="fill" gap="12" align="middle-left">
          <col w="190" gap="6"><row w="fill" h="4" radius="$r-pill" fill="$track"><rect w="130" h="4" radius="$r-pill" fill="$primary"/></row><text value="3 sources · 2 min ago" text-style="Foot" color="#93968D"/></col>
          <row role="button" h="44" p="0 15" gap="8" radius="12" fill="$inverse" align="middle-center"><text value="Continue ↗" font-family="SF Pro" font-size="15" font-weight="600" line-height="20" color="$ink"/></row>
        </row>
      </col>
      <row role="text-field" w="fill" h="56" p="0 14" gap="12" radius="$r-card" fill="$surface" border="1 $border" align="middle-left">
        <row w="30" h="30" radius="$r-pill" fill="$primary" align="middle-center"><text value="✦" font-family="SF Pro" font-size="16" font-weight="600" line-height="20" color="$inverse"/></row>
        <text value="What should we work on?" text-style="Body" color="$muted" w="fill"/><text value="＋  ◉" font-family="SF Pro" font-size="18" font-weight="500" line-height="22" color="$muted"/>
      </row>
      <col w="fill" gap="12">
        <row w="fill" gap="auto" align="middle-center"><text value="Active threads" text-style="Title2" color="$ink"/><row role="button" gap="5" align="middle-center"><text value="See all  ›" text-style="Sub" color="$primary"/></row></row>
        <col role="card" w="fill" fill="$surface" radius="$r-card" border="1 $border">
          <row w="fill" p="14" gap="12" align="middle-left"><col w="28" align="top-center"><ellipse w="10" h="10" fill="$primary"/><line h="25" fill="$border"/></col><col w="fill" gap="3"><row w="fill" gap="auto" align="middle-center"><text value="Research" text-style="Cap" color="$primary"/><text value="Now" text-style="Foot" color="$muted"/></row><text value="AI-native interface artifacts" text-style="Headline" color="$ink"/><text value="8 sources · Mapping open questions" text-style="Foot" color="$muted"/></col></row>
          <line fill="$border"/>
          <row w="fill" p="14" gap="12" align="middle-left"><col w="28" align="top-center"><ellipse w="10" h="10" fill="$ink"/><line h="25" fill="$border"/></col><col w="fill" gap="3"><row w="fill" gap="auto" align="middle-center"><text value="Draft" text-style="Cap" color="$muted"/><text value="11:24" text-style="Foot" color="$muted"/></row><text value="GUI Farm launch story" text-style="Headline" color="$ink"/><text value="Ready for your review · 642 words" text-style="Foot" color="$muted"/></col></row>
          <line fill="$border"/>
          <row w="fill" p="14" gap="12" align="middle-left"><col w="28" align="top-center"><ellipse w="10" h="10" fill="$surface" border="2 $muted"/></col><col w="fill" gap="3"><row w="fill" gap="auto" align="middle-center"><text value="Artifact" text-style="Cap" color="$muted"/><text value="Yesterday" text-style="Foot" color="$muted"/></row><text value="WebMCP workflow map" text-style="Headline" color="$ink"/><text value="Diagram complete · 1 canvas" text-style="Foot" color="$muted"/></col></row>
        </col>
      </col>
    </col>
    <row role="tab-bar" w="fill" h="83" p="9 20 28 20" fill="$surface" border="1 $border" gap="auto" align="top-center">
      <col w="46" gap="3" align="top-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/b009b011-76b0-4ffa-a115-a75f736a8bfa/home.svg" w="22" h="22"/><text value="Today" font-family="SF Pro" font-size="11" font-weight="600" line-height="13" color="$primary"/></col>
      <col w="46" gap="3" align="top-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/b009b011-76b0-4ffa-a115-a75f736a8bfa/threads.svg" w="22" h="22"/><text value="Threads" font-family="SF Pro" font-size="11" font-weight="500" line-height="13" color="$muted"/></col>
      <col role="button" w="42" h="42" radius="$r-pill" fill="$ink" align="middle-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/b009b011-76b0-4ffa-a115-a75f736a8bfa/plus.svg" w="22" h="22"/></col>
      <col w="46" gap="3" align="top-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/b009b011-76b0-4ffa-a115-a75f736a8bfa/library.svg" w="22" h="22"/><text value="Library" font-family="SF Pro" font-size="11" font-weight="500" line-height="13" color="$muted"/></col>
      <col w="46" gap="3" align="top-center"><img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/b009b011-76b0-4ffa-a115-a75f736a8bfa/user.svg" w="22" h="22"/><text value="You" font-family="SF Pro" font-size="11" font-weight="500" line-height="13" color="$muted"/></col>
    </row>
  </col>
</gui>
```