---
title: "Jungle Club — Plant Care"
platform: ios
slug: jungle-club-plant-care-ios
screens: ["dashboard"]
domains: ["productivity"]
style: "brutalist"
fonts: ["SF Pro", "Inter", "Georgia"]
roles: ["top-navigation-bar", "badge", "avatar", "card", "button", "banner", "tab-bar"]
score: {clean: 100, consistent: 69, accessible: 69, comprehensible: 62}
url: https://gui.farm/ios/jungle-club-plant-care-ios
raw: https://gui.farm/ios/jungle-club-plant-care-ios/design.guix
download: https://gui.farm/ios/jungle-club-plant-care-ios.gui
---

# Jungle Club — Plant Care

A bold editorial iOS plant-care dashboard with daily watering tasks, care reminders, and a bundled Monstera image.

- **Live preview:** https://gui.farm/ios/jungle-club-plant-care-ios
- **Raw source:** https://gui.farm/ios/jungle-club-plant-care-ios/design.guix
- **Download (.gui):** https://gui.farm/ios/jungle-club-plant-care-ios.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Jungle Club — Plant Care">
  <tokens>
    <color name="acid" value="#E9FF38"/><color name="forest" value="#07583F"/><color name="coral" value="#FF6847"/><color name="lilac" value="#CDBDFF"/><color name="cream" value="#FFF8E7"/><color name="ink" value="#151515"/><color name="white" value="#FFFFFF"/>
  </tokens>
  <fonts><font family="SF Pro" source="system" weights="400 500 600 700" styles="normal"/><font family="Inter" source="google" weights="400 500 600 700 800" styles="normal"/><font family="Georgia" source="system" weights="400 700" styles="normal italic"/></fonts>
  <col w="390" h="844" fill="$acid">
    <row w="fill" h="48" p="16 20 0 20" gap="auto" align="top-center">
      <text value="9:41" font-family="SF Pro" font-size="15" line-height="18" font-weight="600" fill="$ink"/>
      <row gap="8" align="middle-right"><img w="18" h="18" src="https://api.iconify.design/lucide/signal.svg?color=%23151515"/><img w="18" h="18" src="https://api.iconify.design/lucide/wifi.svg?color=%23151515"/><img w="20" h="16" src="https://api.iconify.design/lucide/battery-full.svg?color=%23151515"/></row>
    </row>
    <row role="top-navigation-bar" w="fill" h="82" fill="$acid" border="2 $ink" p="8 16" gap="auto" align="middle-left">
      <col gap="0"><text value="JUNGLE" font-family="Inter" font-size="29" line-height="29" font-weight="800" letter-spacing="-1.2" fill="$ink"/><text value="CLUB!" font-family="Inter" font-size="29" line-height="29" font-weight="800" letter-spacing="-1.2" fill="$forest"/></col>
      <col gap="6" align="middle-right"><row gap="10" align="middle-right"><row role="badge" h="32" radius="16" fill="$coral" border="2 $ink" p="0 10" gap="5" align="middle-left"><img w="16" h="16" src="https://api.iconify.design/lucide/flame.svg?color=%23151515"/><text value="12 DAY" font-family="Inter" font-size="10" line-height="18" font-weight="800" fill="$ink"/></row><row role="avatar" w="38" h="38" radius="19" fill="$cream" border="2 $ink" align="middle-center"><img w="20" h="20" src="https://api.iconify.design/lucide/user-round.svg?color=%23151515"/></row></row><text value="THU · 4 PLANTS" font-family="Inter" font-size="10" line-height="14" font-weight="700" letter-spacing=".8" fill="$ink"/></col>
    </row>
    <frame role="card" w="390" h="302" fill="$forest" clip>
      <ellipse x="286" y="-28" w="130" h="130" fill="$lilac" border="2 $ink"/><text x="311" y="9" value="01" font-family="Georgia" font-size="48" line-height="54" font-weight="700" fill="$ink"/>
      <col x="18" y="18" gap="0"><text value="TODAY'S BIG DRINK" font-family="Inter" font-size="11" line-height="14" font-weight="800" letter-spacing="1.5" fill="$acid"/><text value="MONSTERA" font-family="Inter" font-size="39" line-height="40" font-weight="800" letter-spacing="-1.8" fill="$cream"/><text value="DELIRIOSA" font-family="Inter" font-size="39" line-height="40" font-weight="800" letter-spacing="-1.8" fill="$acid"/></col>
      <frame x="195" y="99" w="180" h="170" fill="$cream" border="2 $ink" transform="rotate(4)"><img x="7" y="7" w="166" h="156" src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/46d6fa7b-009d-4770-afa9-da77682e712f/monstera-editorial.png" fit="cover"/></frame>
      <col role="badge" x="16" y="151" w="124" h="61" fill="$coral" border="2 $ink" p="7 11" gap="0" transform="rotate(-3)"><text value="SOIL CHECK" font-family="Inter" font-size="10" line-height="14" font-weight="800" fill="$ink"/><text value="DRY 3 CM" font-family="Inter" font-size="19" line-height="23" font-weight="800" fill="$ink"/></col>
      <row role="button" x="16" y="224" w="160" h="52" radius="26" fill="$acid" border="2 $ink" gap="10" align="middle-center"><img w="21" h="21" src="https://api.iconify.design/lucide/droplets.svg?color=%23151515"/><text value="WATER 250 ML" font-family="Inter" font-size="13" line-height="21" font-weight="800" fill="$ink"/></row>
      <row x="18" y="279" w="351" align="middle-left"><text w="fill" value="Kitchen window · due before 11:00" font-family="SF Pro" font-size="13" line-height="17" font-weight="500" fill="$cream"/><img w="24" h="24" src="https://api.iconify.design/lucide/arrow-up-right.svg?color=%23E9FF38"/></row>
    </frame>
    <row role="banner" w="fill" h="47" fill="$coral" border="2 $ink" p="0 12" align="middle-left" clip><text value="MIST · TURN · WATER · TALK NICE · MIST · TURN" font-family="Inter" font-size="14" line-height="18" font-weight="800" letter-spacing=".6" fill="$ink"/></row>
    <col w="fill" h="269" fill="$cream" p="15 18" gap="12">
      <row w="fill" h="32" gap="auto" align="middle-left"><text value="THE CARE LINE-UP" font-family="Inter" font-size="20" line-height="25" font-weight="800" letter-spacing="-.5" fill="$ink"/><row role="button" h="29" radius="15" fill="$lilac" border="2 $ink" p="0 14" align="middle-center"><text value="SEE ALL 4" font-family="Inter" font-size="10" line-height="17" font-weight="800" fill="$ink"/></row></row>
      <row role="card" w="fill" h="73" fill="$white" border="2 $ink" pr="12" gap="12" align="middle-left"><col w="54" h="fill" fill="$lilac" border="2 $ink" p="8 0" gap="0" align="middle-center"><text value="02" font-family="Georgia" font-size="28" line-height="34" font-weight="700" fill="$ink"/><img w="18" h="18" src="https://api.iconify.design/lucide/spray-can.svg?color=%23151515"/></col><col w="fill" gap="2"><text value="MIST THE CALATHEA" font-family="Inter" font-size="14" line-height="19" font-weight="800" fill="$ink"/><text value="Humidity is down to 42%" font-family="SF Pro" font-size="13" line-height="18" font-weight="400" fill="$ink"/></col><row role="button" w="54" h="34" radius="17" fill="$acid" border="2 $ink" align="middle-center"><img w="18" h="18" src="https://api.iconify.design/lucide/check.svg?color=%23151515"/></row></row>
      <row role="card" w="fill" h="73" fill="$acid" border="2 $ink" pr="14" gap="12" align="middle-left"><col w="54" h="fill" fill="$coral" border="2 $ink" p="8 0" gap="0" align="middle-center"><text value="03" font-family="Georgia" font-size="28" line-height="34" font-weight="700" fill="$ink"/><img w="18" h="18" src="https://api.iconify.design/lucide/rotate-cw.svg?color=%23151515"/></col><col w="fill" gap="2"><text value="TURN THE RUBBER FIG" font-family="Inter" font-size="14" line-height="19" font-weight="800" fill="$ink"/><text value="Give the shy side some sun" font-family="SF Pro" font-size="13" line-height="18" font-weight="400" fill="$ink"/></col><img w="22" h="22" src="https://api.iconify.design/lucide/arrow-right.svg?color=%23151515"/></row>
      <text value="HOT TIP: rotate pots a quarter-turn, not a full spin." font-family="Georgia" font-size="13" line-height="18" font-weight="700" font-style="italic" fill="$forest"/>
    </col>
    <row role="tab-bar" w="fill" h="96" fill="$ink" p="8 20 30 20" gap="auto" align="top-center">
      <col w="70" h="58" radius="18" fill="$acid" gap="3" align="middle-center"><img w="22" h="22" src="https://api.iconify.design/lucide/calendar-check-2.svg?color=%23151515"/><text value="TODAY" font-family="Inter" font-size="10" line-height="14" font-weight="800" fill="$ink"/></col>
      <col w="70" h="58" gap="3" align="middle-center"><img w="22" h="22" src="https://api.iconify.design/lucide/leaf.svg?color=%23FFF8E7"/><text value="PLANTS" font-family="Inter" font-size="10" line-height="14" font-weight="700" fill="$cream"/></col>
      <col w="70" h="58" gap="3" align="middle-center"><img w="22" h="22" src="https://api.iconify.design/lucide/scan-line.svg?color=%23FFF8E7"/><text value="SCAN" font-family="Inter" font-size="10" line-height="14" font-weight="700" fill="$cream"/></col>
      <col w="70" h="58" gap="3" align="middle-center"><img w="22" h="22" src="https://api.iconify.design/lucide/users-round.svg?color=%23FFF8E7"/><text value="THE CLUB" font-family="Inter" font-size="10" line-height="14" font-weight="700" fill="$cream"/></col>
    </row>
  </col>
</gui>
```