---
title: "Ironline Push Day A, Bench Press"
platform: ios
slug: ironline-push-day-a-bench-press
screens: ["workout"]
domains: ["fitness"]
style: "brutalist"
fonts: ["Space Mono", "SF Pro Display"]
roles: ["top-navigation-bar", "button", "card", "badge", "divider", "toolbar"]
score: {clean: 100, consistent: 83, accessible: 89, comprehensible: 38}
url: https://gui.farm/ios/ironline-push-day-a-bench-press
raw: https://gui.farm/ios/ironline-push-day-a-bench-press/design.guix
download: https://gui.farm/ios/ironline-push-day-a-bench-press.gui
---

# Ironline Push Day A, Bench Press

A brutalist light-theme iOS active-workout screen where a lifter mid-session logs sets, reps, and weight for barbell bench press, with a live session timer, an auto rest-timer countdown, a set table showing previous-versus-current loads, work volume, and the upcoming superset.

- **Live preview:** https://gui.farm/ios/ironline-push-day-a-bench-press
- **Raw source:** https://gui.farm/ios/ironline-push-day-a-bench-press/design.guix
- **Download (.gui):** https://gui.farm/ios/ironline-push-day-a-bench-press.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Ironline Push Day A, Bench Press">
  <tokens>
    <color name="paper" value="#F4F1E9" />
    <color name="card" value="#FFFFFF" />
    <color name="ink" value="#14130E" />
    <color name="muted" value="#57554B" />
    <color name="line" value="#D8D2C4" />
    <color name="orange" value="#EA580C" />
    <color name="orange-deep" value="#9A3412" />
    <color name="orange-soft" value="#FBE0CC" />
  </tokens>
  <fonts>
    <font family="SF Pro Display" source="system" weights="400 500 600 700" styles="normal" />
    <font family="Space Mono" source="google" weights="400 700" styles="normal" />
  </fonts>
  <styles>
    <text-style name="NavTitle" font-family="Space Mono" font-size="13" font-weight="700" line-height="16" letter-spacing="0.5" />
    <text-style name="NavSub" font-family="Space Mono" font-size="10" font-weight="700" line-height="13" letter-spacing="1" />
    <text-style name="Label" font-family="Space Mono" font-size="11" font-weight="700" line-height="14" letter-spacing="0.7" />
    <text-style name="LabelSm" font-family="Space Mono" font-size="10" font-weight="700" line-height="13" letter-spacing="1" />
    <text-style name="HeroNum" font-family="Space Mono" font-size="52" font-weight="700" line-height="54" letter-spacing="-2" />
    <text-style name="HeroUnit" font-family="Space Mono" font-size="13" font-weight="700" line-height="17" />
    <text-style name="TimerNum" font-family="Space Mono" font-size="30" font-weight="700" line-height="34" letter-spacing="-1" />
    <text-style name="StatNum" font-family="Space Mono" font-size="20" font-weight="700" line-height="24" letter-spacing="-0.5" />
    <text-style name="SetNum" font-family="Space Mono" font-size="15" font-weight="700" line-height="18" />
    <text-style name="H2" font-family="SF Pro Display" font-size="17" font-weight="700" line-height="22" />
    <text-style name="ItemName" font-family="SF Pro Display" font-size="15" font-weight="600" line-height="20" />
    <text-style name="Body" font-family="SF Pro Display" font-size="14" font-weight="400" line-height="20" />
    <text-style name="Sub" font-family="SF Pro Display" font-size="13" font-weight="500" line-height="18" />
    <text-style name="Mono" font-family="Space Mono" font-size="12" font-weight="400" line-height="16" />
    <text-style name="MonoB" font-family="Space Mono" font-size="12" font-weight="700" line-height="16" />
    <text-style name="BtnLabel" font-family="Space Mono" font-size="14" font-weight="700" line-height="18" letter-spacing="0.5" />
  </styles>
  <col w="393" fill="$paper" clip="true">
    <row w="393" h="54" p="16 20 0 20" align="middle-left">
      <text w="fill" value="9:41" font-family="SF Pro Display" font-size="15" font-weight="600" line-height="18" color="$ink" />
      <row gap="6" align="middle-center">
        <img src="https://api.iconify.design/lucide/signal.svg?color=%2314130E" w="16" h="16" />
        <img src="https://api.iconify.design/lucide/wifi.svg?color=%2314130E" w="16" h="16" />
        <img src="https://api.iconify.design/lucide/battery-full.svg?color=%2314130E" w="20" h="16" />
      </row>
    </row>
    <row w="393" h="58" p="0 16" gap="10" align="middle-left" fill="$paper" border-bottom="2 $ink" role="top-navigation-bar">
      <col w="40" h="40" fill="$card" border="2 $ink" align="middle-center" role="button">
        <img src="https://api.iconify.design/lucide/arrow-left.svg?color=%2314130E" w="18" h="18" />
      </col>
      <col w="fill" gap="2" align="middle-left">
        <text value="PUSH DAY A" text-style="NavTitle" color="$ink" />
        <text value="WEEK 5 OF 8 · GZCLP" text-style="NavSub" color="$muted" />
      </col>
      <row h="40" p="0 14" gap="7" fill="$orange" border="2 $ink" align="middle-center" role="button">
        <img src="https://api.iconify.design/lucide/flag.svg?color=%2314130E" w="15" h="15" />
        <text value="FINISH" text-style="MonoB" color="$ink" />
      </row>
    </row>
    <col w="393" p="18 20 24 20" gap="14">
      <col w="353" fill="$orange" border="2 $ink" p="16" gap="14" role="card">
        <appearance>
          <fill type="color" value="#EA580C" />
          <effect type="drop-shadow" x="5" y="5" radius="0" spread="0" color="#14130E" />
        </appearance>
        <row w="317" gap="10" align="middle-left">
          <text w="fill" value="SESSION" text-style="Label" color="$ink" />
          <row p="5 9" gap="6" fill="$card" border="2 $ink" align="middle-center" role="badge">
            <ellipse w="7" h="7" fill="$orange" />
            <text value="LIVE" text-style="Label" color="$ink" />
          </row>
        </row>
        <row w="317" gap="12" align="bottom-left">
          <text value="41:12" text-style="HeroNum" color="$ink" />
          <col w="fill" gap="3" align="bottom-left">
            <text value="ELAPSED" text-style="HeroUnit" color="$ink" />
            <text value="STARTED 6:58 AM" text-style="MonoB" color="$ink" />
          </col>
        </row>
        <line w="317" fill="$ink" thickness="2" role="divider" />
        <row w="317" gap="10" align="top-left">
          <col w="fill" gap="3" align="top-left">
            <text value="SETS DONE" text-style="LabelSm" color="$ink" />
            <text value="12" text-style="StatNum" color="$ink" />
          </col>
          <col w="fill" gap="3" align="top-left">
            <text value="EXERCISE" text-style="LabelSm" color="$ink" />
            <text value="4 / 6" text-style="StatNum" color="$ink" />
          </col>
          <col w="fill" gap="3" align="top-left">
            <text value="PACE" text-style="LabelSm" color="$ink" />
            <text value="3:26 /SET" text-style="StatNum" color="$ink" />
          </col>
        </row>
        <frame w="317" h="14" clip="true">
          <rect x="0" y="0" w="48.6667" h="14" fill="$ink" border="2 $ink" />
          <rect x="53.6667" y="0" w="48.6667" h="14" fill="$ink" border="2 $ink" />
          <rect x="107.3333" y="0" w="48.6667" h="14" fill="$ink" border="2 $ink" />
          <rect x="161" y="0" w="48.6667" h="14" fill="$card" border="2 $ink" />
          <rect x="214.6667" y="0" w="48.6667" h="14" fill="$orange" border="2 $ink" />
          <rect x="268.3333" y="0" w="48.6667" h="14" fill="$orange" border="2 $ink" />
        </frame>
      </col>
      <col w="353" fill="$card" border="2 $ink" p="16" gap="12" role="card">
        <row w="317" gap="10" align="middle-left">
          <img src="https://api.iconify.design/lucide/timer.svg?color=%2314130E" w="18" h="18" />
          <text w="fill" value="REST TIMER" text-style="H2" color="$ink" />
          <row p="5 9" gap="6" fill="$orange-soft" border="2 $ink" align="middle-center" role="badge">
            <text value="AUTO" text-style="LabelSm" color="$orange-deep" />
          </row>
        </row>
        <row w="317" gap="12" align="bottom-left">
          <text value="1:30" text-style="TimerNum" color="$orange-deep" />
          <col w="fill" gap="2" align="bottom-left">
            <text value="LEFT OF 2:00" text-style="MonoB" color="$muted" />
            <text value="THEN SET 3 · BENCH PRESS" text-style="Mono" color="$muted" />
          </col>
        </row>
        <frame w="317" h="18" clip="true">
          <rect x="0" y="0" w="317" h="18" fill="$line" />
          <rect x="0" y="0" w="237.75" h="18" fill="$orange" />
        </frame>
        <row w="317" gap="9" align="middle-left">
          <row w="fill" h="42" fill="$paper" border="2 $ink" gap="6" align="middle-center" role="button">
            <img src="https://api.iconify.design/lucide/rotate-ccw.svg?color=%2314130E" w="15" h="15" />
            <text value="-15s" text-style="MonoB" color="$ink" />
          </row>
          <row w="fill" h="42" fill="$paper" border="2 $ink" gap="6" align="middle-center" role="button">
            <img src="https://api.iconify.design/lucide/skip-forward.svg?color=%2314130E" w="15" h="15" />
            <text value="SKIP" text-style="MonoB" color="$ink" />
          </row>
          <row w="fill" h="42" fill="$paper" border="2 $ink" gap="6" align="middle-center" role="button">
            <img src="https://api.iconify.design/lucide/rotate-cw.svg?color=%2314130E" w="15" h="15" />
            <text value="+15s" text-style="MonoB" color="$ink" />
          </row>
        </row>
      </col>
      <col w="353" fill="$card" border="2 $ink" role="card" clip="true">
        <row w="fill" h="76" p="12 14" gap="12" align="middle-left">
          <col w="56" h="56" border="2 $ink" clip="true" align="middle-center">
            <img src="https://images.unsplash.com/photo-1690731033723-ad718c6e585a?w=160&amp;h=160&amp;fit=crop&amp;q=80&amp;auto=format&amp;sat=-100" w="52" h="52" />
          </col>
          <col w="fill" gap="3" align="middle-left">
            <text value="BENCH PRESS" text-style="H2" color="$ink" />
            <text value="BARBELL · CHEST · 82.5 KG WORKING" text-style="Mono" color="$muted" />
          </col>
          <col w="34" h="34" fill="$paper" border="2 $ink" align="middle-center" role="button">
            <img src="https://api.iconify.design/lucide/ellipsis-vertical.svg?color=%2314130E" w="17" h="17" />
          </col>
        </row>
        <row w="fill" p="10 14" gap="9" fill="$paper" border-top="2 $ink" align="top-left">
          <img src="https://api.iconify.design/lucide/quote.svg?color=%239A3412" w="15" h="15" />
          <text w="fill" value="Progressive overload week. Last set felt like RPE 8, keep the bar path tight and pause on the chest." text-style="Sub" color="$ink" />
        </row>
        <row w="fill" h="34" p="0 14" fill="$ink" align="middle-left">
          <text w="44" value="SET" text-style="LabelSm" color="$card" />
          <text w="96" value="PREV" text-style="LabelSm" color="$card" />
          <text w="68" value="KG" text-style="LabelSm" color="$card" align="right" />
          <text w="60" value="REPS" text-style="LabelSm" color="$card" align="right" />
          <text w="53" value="DONE" text-style="LabelSm" color="$card" align="right" />
        </row>
        <row w="fill" h="50" p="0 14" align="middle-left">
          <text w="44" value="W" text-style="SetNum" color="$orange-deep" />
          <text w="96" value="first time" text-style="Mono" color="$muted" />
          <text w="68" value="40" text-style="SetNum" color="$ink" align="right" />
          <text w="60" value="10" text-style="SetNum" color="$ink" align="right" />
          <row w="53" align="middle-right">
            <col w="26" h="26" fill="$ink" align="middle-center">
              <img src="https://api.iconify.design/lucide/check.svg?color=%23FFFFFF" w="17" h="17" />
            </col>
          </row>
        </row>
        <line w="321" fill="$line" thickness="1" role="divider" />
        <row w="fill" h="50" p="0 14" align="middle-left">
          <text w="44" value="1" text-style="SetNum" color="$ink" />
          <text w="96" value="77.5 × 8" text-style="Mono" color="$muted" />
          <text w="68" value="80" text-style="SetNum" color="$ink" align="right" />
          <text w="60" value="8" text-style="SetNum" color="$ink" align="right" />
          <row w="53" align="middle-right">
            <col w="26" h="26" fill="$ink" align="middle-center">
              <img src="https://api.iconify.design/lucide/check.svg?color=%23FFFFFF" w="17" h="17" />
            </col>
          </row>
        </row>
        <line w="321" fill="$line" thickness="1" role="divider" />
        <row w="fill" h="50" p="0 14" align="middle-left">
          <text w="44" value="2" text-style="SetNum" color="$ink" />
          <text w="96" value="80 × 8" text-style="Mono" color="$muted" />
          <text w="68" value="82.5" text-style="SetNum" color="$ink" align="right" />
          <text w="60" value="8" text-style="SetNum" color="$ink" align="right" />
          <row w="53" align="middle-right">
            <col w="26" h="26" fill="$ink" align="middle-center">
              <img src="https://api.iconify.design/lucide/check.svg?color=%23FFFFFF" w="17" h="17" />
            </col>
          </row>
        </row>
        <line w="321" fill="$line" thickness="1" role="divider" />
        <row w="fill" h="52" p="0 14" fill="$orange-soft" align="middle-left">
          <text w="44" value="3" text-style="SetNum" color="$orange-deep" />
          <text w="96" value="80 × 6" text-style="Mono" color="$muted" />
          <text w="68" value="82.5" text-style="SetNum" color="$ink" align="right" />
          <text w="60" value="6" text-style="SetNum" color="$ink" align="right" />
          <row w="53" align="middle-right">
            <rect w="26" h="26" fill="$card" border="2 $orange-deep" />
          </row>
        </row>
        <line w="321" fill="$line" thickness="1" role="divider" />
        <row w="fill" h="50" p="0 14" align="middle-left">
          <text w="44" value="4" text-style="SetNum" color="$muted" />
          <text w="96" value="80 × 6" text-style="Mono" color="$muted" />
          <text w="68" value="82.5" text-style="SetNum" color="$muted" align="right" />
          <text w="60" value="6" text-style="SetNum" color="$muted" align="right" />
          <row w="53" align="middle-right">
            <rect w="26" h="26" fill="$card" border="2 $line" />
          </row>
        </row>
        <row w="fill" h="46" p="0 14" gap="8" fill="$paper" border-top="2 $ink" align="middle-center" role="button">
          <img src="https://api.iconify.design/lucide/plus.svg?color=%2314130E" w="16" h="16" />
          <text value="ADD SET" text-style="MonoB" color="$ink" />
        </row>
        <row w="fill" h="44" p="0 14" fill="$ink" align="middle-left">
          <text w="fill" value="WORK VOLUME · 2 SETS" text-style="LabelSm" color="$card" />
          <text value="1,300 KG" text-style="MonoB" color="$card" align="right" />
        </row>
      </col>
      <col w="353" gap="10">
        <row w="353" align="middle-left">
          <text w="fill" value="UP NEXT" text-style="H2" color="$ink" />
          <text value="EXERCISE 5-6" text-style="LabelSm" color="$muted" align="right" />
        </row>
        <col w="353" fill="$card" border="2 $ink" role="card" clip="true">
          <row w="fill" h="38" p="0 14" gap="8" fill="$orange-soft" border-bottom="2 $ink" align="middle-left">
            <img src="https://api.iconify.design/lucide/repeat.svg?color=%239A3412" w="15" h="15" />
            <text w="fill" value="SUPERSET" text-style="Label" color="$orange-deep" />
            <text value="3 ROUNDS" text-style="LabelSm" color="$orange-deep" align="right" />
          </row>
          <row w="fill" h="58" p="0 14" gap="12" align="middle-left">
            <col w="30" h="30" fill="$paper" border="2 $ink" align="middle-center">
              <text value="5" text-style="SetNum" color="$ink" />
            </col>
            <col w="fill" gap="2" align="middle-left">
              <text value="Incline DB Press" text-style="ItemName" color="$ink" />
              <text value="3 sets · 10-12 reps" text-style="Sub" color="$muted" />
            </col>
            <text value="30 KG" text-style="MonoB" color="$ink" align="right" />
          </row>
          <line w="321" fill="$line" thickness="1" role="divider" />
          <row w="fill" h="58" p="0 14" gap="12" align="middle-left">
            <col w="30" h="30" fill="$paper" border="2 $ink" align="middle-center">
              <text value="6" text-style="SetNum" color="$ink" />
            </col>
            <col w="fill" gap="2" align="middle-left">
              <text value="Cable Fly" text-style="ItemName" color="$ink" />
              <text value="3 sets · 15 reps" text-style="Sub" color="$muted" />
            </col>
            <text value="22.5 KG" text-style="MonoB" color="$ink" align="right" />
          </row>
        </col>
      </col>
    </col>
    <col w="393" fill="$card" border-top="2 $ink" p="12 20 10 20" gap="11" role="toolbar">
      <row w="353" gap="9" align="middle-left">
        <row w="104" h="52" fill="$paper" border="2 $ink" gap="7" align="middle-center" role="button">
          <img src="https://api.iconify.design/lucide/pencil.svg?color=%2314130E" w="16" h="16" />
          <text value="EDIT" text-style="MonoB" color="$ink" />
        </row>
        <row w="fill" h="52" fill="$orange" border="2 $ink" gap="8" align="middle-center" role="button">
          <img src="https://api.iconify.design/lucide/check.svg?color=%2314130E" w="18" h="18" />
          <text value="COMPLETE SET 3" text-style="BtnLabel" color="$ink" />
        </row>
      </row>
      <row w="353" h="14" align="bottom-center">
        <rect w="134" h="5" fill="$ink" />
      </row>
    </col>
  </col>
</gui>
```