---
title: "Palette — Priya Nadkarni"
platform: android
slug: palette-priya-nadkarni
screens: ["profile"]
domains: ["social"]
style: null
fonts: ["Roboto"]
roles: ["top-navigation-bar", "avatar", "chip", "button", "card", "segmented-control", "gallery", "tab-bar", "item-indicator"]
score: {clean: 100, consistent: 84, accessible: 49, comprehensible: 43}
url: https://gui.farm/android/palette-priya-nadkarni
raw: https://gui.farm/android/palette-priya-nadkarni/design.guix
download: https://gui.farm/android/palette-priya-nadkarni.gui
---

# Palette — Priya Nadkarni

A Memphis-style Android creator profile for the photo-sharing app Palette, where a ceramic artist shows her stats, a weekly-likes bar chart, story highlights, and a post grid.

- **Live preview:** https://gui.farm/android/palette-priya-nadkarni
- **Raw source:** https://gui.farm/android/palette-priya-nadkarni/design.guix
- **Download (.gui):** https://gui.farm/android/palette-priya-nadkarni.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Palette — Priya Nadkarni">
  <tokens>
    <!-- Memphis (1980s Memphis Group): warm cream ground, chunky black keylines, hard offset shadows, marigold lead with cobalt + coral confetti -->
    <color name="cream" value="#FAF4E6" />
    <color name="surface" value="#FFFFFF" />
    <color name="ink" value="#141118" />
    <color name="ink-2" value="#4A4550" />
    <color name="marigold" value="#F5A623" />
    <color name="coral" value="#F2683C" />
    <color name="cobalt" value="#2F4FE0" />
    <color name="hairline" value="#D9CFB6" />
    <number name="r-full" value="999" />
    <number name="r-md" value="12" />
    <number name="r-sm" value="8" />
  </tokens>
  <styles>
    <text-style name="Display" font-family="Roboto" font-size="22" font-weight="900" line-height="26" />
    <text-style name="Big" font-family="Roboto" font-size="26" font-weight="900" line-height="30" />
    <text-style name="StatNum" font-family="Roboto" font-size="20" font-weight="900" line-height="24" />
    <text-style name="CardTitle" font-family="Roboto" font-size="15" font-weight="800" line-height="20" />
    <text-style name="Btn" font-family="Roboto" font-size="14" font-weight="800" line-height="18" />
    <text-style name="Chip" font-family="Roboto" font-size="11" font-weight="800" line-height="14" />
    <text-style name="Handle" font-family="Roboto" font-size="13" font-weight="500" line-height="18" />
    <text-style name="Meta" font-family="Roboto" font-size="12" font-weight="500" line-height="16" />
    <text-style name="Bio" font-family="Roboto" font-size="14" font-weight="400" line-height="20" />
    <text-style name="StatLabel" font-family="Roboto" font-size="11" font-weight="600" line-height="14" />
    <text-style name="Highlight" font-family="Roboto" font-size="11" font-weight="600" line-height="14" />
    <text-style name="TabLabel" font-family="Roboto" font-size="10" font-weight="600" line-height="13" />
    <text-style name="Micro" font-family="Roboto" font-size="10" font-weight="700" line-height="13" />
    <text-style name="Time" font-family="Roboto" font-size="14" font-weight="700" line-height="18" />
  </styles>
  <fonts>
    <font family="Roboto" source="google" weights="400 500 600 700 800 900" styles="normal" />
  </fonts>
  <col w="360" fill="$cream">
    <!-- status bar (untagged device chrome) -->
    <row w="fill" h="44" p="0 20" gap="auto" align="middle-center">
      <text text-style="Time" value="9:41" color="$ink" />
      <row gap="6" align="middle-center">
        <img
          src="https://api.iconify.design/material-symbols/signal-cellular-alt.svg?color=%23141118"
          w="17"
          h="17"
        />
        <img src="https://api.iconify.design/material-symbols/wifi.svg?color=%23141118" w="17" h="17" />
        <img
          src="https://api.iconify.design/material-symbols/battery-full-alt.svg?color=%23141118"
          w="17"
          h="17"
        />
      </row>
    </row>
    <!-- top navigation -->
    <row role="top-navigation-bar" w="fill" h="52" p="0 10" gap="6" align="middle-center">
      <row w="40" h="40" radius="$r-full" align="middle-center">
        <img
          src="https://api.iconify.design/material-symbols/arrow-back-rounded.svg?color=%23141118"
          w="24"
          h="24"
        />
      </row>
      <col w="fill" align="middle-center">
        <text text-style="CardTitle" value="priyamakes" color="$ink" align="center" />
      </col>
      <row w="40" h="40" radius="$r-full" align="middle-center">
        <img
          src="https://api.iconify.design/material-symbols/ios-share-rounded.svg?color=%23141118"
          w="23"
          h="23"
        />
      </row>
      <row w="40" h="40" radius="$r-full" align="middle-center">
        <img src="https://api.iconify.design/material-symbols/more-vert.svg?color=%23141118" w="24" h="24" />
      </row>
    </row>
    <!-- Memphis banner band + overlapping avatar -->
    <frame w="360" h="176" fill="$cream">
      <rect x="0" y="0" w="360" h="120" fill="$cobalt" />
      <!-- confetti: outlined marigold sun top-right -->
      <!-- coral pill -->
      <!-- outlined cream ring -->
      <ellipse x="124" y="20" w="22" h="22" fill="$cobalt" />
      <!-- scattered cream dots -->
      <!-- marigold square -->
      <!-- avatar, overlapping the band -->
      <ellipse x="16" y="72" w="100" h="100" fill="$ink" />
      <ellipse x="19" y="75" w="94" h="94" fill="$cream" />
      <frame role="avatar" x="24" y="80" w="84" h="84" radius="42" clip="true" fill="$surface">
        <img
          x="0"
          y="0"
          w="84"
          h="84"
          fit="cover"
          src="https://images.unsplash.com/photo-1489659831163-682b5af42225?auto=format&amp;fit=crop&amp;crop=faces&amp;w=176&amp;h=176&amp;q=80"
        />
      </frame>
    </frame>
    <!-- identity -->
    <col w="fill" p="6 16 0 16" gap="9">
      <row gap="7" align="middle-left">
        <text text-style="Display" value="Priya Nadkarni" color="$ink" />
        <img
          src="https://api.iconify.design/material-symbols/verified-rounded.svg?color=%232F4FE0"
          w="20"
          h="20"
        />
      </row>
      <text text-style="Handle" value="@priyamakes · Ceramic artist · Lisbon" color="$ink-2" />
      <text
        text-style="Bio"
        value="Wheel-thrown mugs, wonky on purpose. Studio drops every other Friday."
        color="$ink"
      />
      <row role="chip" gap="6" p="6 11" radius="$r-full" fill="$surface" border="2 $ink" align="middle-left">
        <img src="https://api.iconify.design/material-symbols/link-rounded.svg?color=%232F4FE0" w="16" h="16" />
        <text text-style="Chip" value="priyamakes.studio" color="$cobalt" />
      </row>
      <!-- action row -->
      <row w="fill" gap="9" align="middle-center">
        <row
          role="button"
          w="fill"
          h="46"
          radius="$r-md"
          fill="$marigold"
          border="3 $ink"
          gap="7"
          align="middle-center"
        >
          <appearance>
            <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#141118" />
          </appearance>
          <img
            src="https://api.iconify.design/material-symbols/add-rounded.svg?color=%23141118"
            w="20"
            h="20"
          />
          <text text-style="Btn" value="Follow" color="$ink" />
        </row>
        <row
          role="button"
          w="fill"
          h="46"
          radius="$r-md"
          fill="$surface"
          border="3 $ink"
          gap="7"
          align="middle-center"
        >
          <appearance>
            <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#141118" />
          </appearance>
          <img
            src="https://api.iconify.design/material-symbols/chat-bubble-outline-rounded.svg?color=%23141118"
            w="18"
            h="18"
          />
          <text text-style="Btn" value="Message" color="$ink" />
        </row>
        <row role="button" w="46" h="46" radius="$r-md" fill="$surface" border="3 $ink" align="middle-center">
          <appearance>
            <effect type="drop-shadow" x="3" y="3" radius="0" spread="0" color="#141118" />
          </appearance>
          <img
            src="https://api.iconify.design/material-symbols/bookmark-outline-rounded.svg?color=%23141118"
            w="20"
            h="20"
          />
        </row>
      </row>
      <!-- stats card -->
      <row role="card" w="fill" h="66" radius="$r-md" fill="$surface" border="3 $ink" align="middle-center">
        <appearance>
          <effect type="drop-shadow" x="4" y="4" radius="0" spread="0" color="#141118" />
        </appearance>
        <col w="fill" gap="2" align="middle-center">
          <text text-style="StatNum" value="214" color="$ink" align="center" />
          <text text-style="StatLabel" value="POSTS" color="$ink-2" align="center" />
        </col>
        <rect w="2" h="34" fill="$hairline" />
        <col w="fill" gap="2" align="middle-center">
          <text text-style="StatNum" value="18.4k" color="$ink" align="center" />
          <text text-style="StatLabel" value="FOLLOWERS" color="$ink-2" align="center" />
        </col>
        <rect w="2" h="34" fill="$hairline" />
        <col w="fill" gap="2" align="middle-center">
          <text text-style="StatNum" value="302" color="$ink" align="center" />
          <text text-style="StatLabel" value="FOLLOWING" color="$ink-2" align="center" />
        </col>
      </row>
    </col>
    <!-- highlights -->
    <row w="fill" h="hug" p="16" gap="12" align="middle-center">
      <col w="56" gap="6" align="top-center">
        <ellipse w="56" h="56" fill="$coral" />
        <text text-style="Highlight" value="Studio" color="$ink" align="center" />
      </col>
      <col w="56" gap="6" align="top-center">
        <ellipse w="56" h="56" fill="$cobalt" />
        <text text-style="Highlight" value="Kiln" color="$ink" align="center" />
      </col>
      <col w="56" gap="6" align="top-center">
        <ellipse w="56" h="56" fill="$marigold" />
        <text text-style="Highlight" value="Drops" color="$ink" align="center" />
      </col>
      <col w="56" gap="6" align="top-center">
        <ellipse w="56" h="56" fill="$ink" />
        <text text-style="Highlight" value="Glazes" color="$ink" align="center" />
      </col>
      <col w="56" gap="6" align="top-center">
        <ellipse w="56" h="56" fill="$coral" />
        <text text-style="Highlight" value="Fair" color="$ink" align="center" />
      </col>
    </row>
    <!-- weekly engagement card -->
    <col w="fill" p="0 16" gap="0">
      <col role="card" w="fill" p="14" gap="12" radius="$r-md" fill="$surface" border="3 $ink">
        <appearance>
          <effect type="drop-shadow" x="4" y="4" radius="0" spread="0" color="#141118" />
        </appearance>
        <row w="fill" gap="auto" align="middle-center">
          <col gap="1">
            <text text-style="CardTitle" value="Likes this week" color="$ink" />
            <text text-style="Meta" value="Sat was your best day, 1,240" color="$ink-2" />
          </col>
          <col gap="0" align="middle-right">
            <text text-style="Big" value="4,770" color="$ink" align="right" />
            <row gap="2" align="middle-right">
              <img
                src="https://api.iconify.design/material-symbols/trending-up-rounded.svg?color=%23141118"
                w="15"
                h="15"
              />
              <text text-style="Micro" value="+12.4% vs last week" color="$ink-2" />
            </row>
          </col>
        </row>
        <row w="fill" h="64" gap="22" align="bottom-left">
          <col w="24" h="64" align="bottom-center">
            <rect w="24" h="17" radius="6" fill="$cobalt" />
          </col>
          <col w="24" h="64" align="bottom-center">
            <rect w="24" h="28" radius="6" fill="$cobalt" />
          </col>
          <col w="24" h="64" align="bottom-center">
            <rect w="24" h="21" radius="6" fill="$cobalt" />
          </col>
          <col w="24" h="64" align="bottom-center">
            <rect w="24" h="45" radius="6" fill="$cobalt" />
          </col>
          <col w="24" h="64" align="bottom-center">
            <rect w="24" h="32" radius="6" fill="$cobalt" />
          </col>
          <col w="24" h="64" align="bottom-center">
            <rect w="24" h="64" radius="6" fill="$marigold" />
          </col>
          <col w="24" h="64" align="bottom-center">
            <rect w="24" h="39" radius="6" fill="$cobalt" />
          </col>
        </row>
        <row w="fill" gap="22" align="middle-left">
          <row w="24" align="middle-center">
            <text text-style="Micro" value="M" color="$ink-2" align="center" />
          </row>
          <row w="24" align="middle-center">
            <text text-style="Micro" value="T" color="$ink-2" align="center" />
          </row>
          <row w="24" align="middle-center">
            <text text-style="Micro" value="W" color="$ink-2" align="center" />
          </row>
          <row w="24" align="middle-center">
            <text text-style="Micro" value="T" color="$ink-2" align="center" />
          </row>
          <row w="24" align="middle-center">
            <text text-style="Micro" value="F" color="$ink-2" align="center" />
          </row>
          <row w="24" align="middle-center">
            <text text-style="Micro" value="S" color="$ink" align="center" />
          </row>
          <row w="24" align="middle-center">
            <text text-style="Micro" value="S" color="$ink-2" align="center" />
          </row>
        </row>
      </col>
    </col>
    <!-- gallery tabs -->
    <row role="segmented-control" w="fill" p="16 16 10 16" gap="8" align="middle-center">
      <row w="fill" h="40" radius="$r-sm" fill="$ink" gap="6" align="middle-center">
        <img
          src="https://api.iconify.design/material-symbols/grid-on-rounded.svg?color=%23FAF4E6"
          w="18"
          h="18"
        />
        <text text-style="Chip" value="GRID" color="$cream" />
      </row>
      <row w="fill" h="40" radius="$r-sm" fill="$surface" border="2 $ink" gap="6" align="middle-center">
        <img
          src="https://api.iconify.design/material-symbols/play-circle-outline-rounded.svg?color=%23141118"
          w="18"
          h="18"
        />
        <text text-style="Chip" value="REELS" color="$ink" />
      </row>
      <row w="fill" h="40" radius="$r-sm" fill="$surface" border="2 $ink" gap="6" align="middle-center">
        <img
          src="https://api.iconify.design/material-symbols/sell-outline-rounded.svg?color=%23141118"
          w="17"
          h="17"
        />
        <text text-style="Chip" value="TAGGED" color="$ink" />
      </row>
    </row>
    <!-- post grid: 3 x 104 + 2 x 8 gap = 328 within p=16 -->
    <col role="gallery" w="fill" pt="0" pr="16" pb="18" pl="16" gap="8">
      <row w="fill" gap="8" align="middle-center">
        <frame w="104" h="104" radius="$r-sm" clip="true" fill="$surface" border="2 $ink">
          <img
            x="0"
            y="0"
            w="104"
            h="104"
            fit="cover"
            src="https://images.unsplash.com/photo-1595351298020-038700609878?auto=format&amp;fit=crop&amp;w=208&amp;h=208&amp;q=80"
          />
          <row role="chip" x="6" y="80" gap="3" p="3 6" radius="$r-full" fill="$ink" align="middle-center">
            <img
              src="https://api.iconify.design/material-symbols/favorite-rounded.svg?color=%23F2683C"
              w="12"
              h="12"
            />
            <text text-style="Micro" value="1,204" color="$cream" />
          </row>
        </frame>
        <frame w="104" h="104" radius="$r-sm" clip="true" fill="$surface" border="2 $ink">
          <img
            x="0"
            y="0"
            w="104"
            h="104"
            fit="cover"
            src="https://images.unsplash.com/photo-1739467516216-424041e6d07a?auto=format&amp;fit=crop&amp;w=208&amp;h=208&amp;q=80"
          />
        </frame>
        <frame w="104" h="104" radius="$r-sm" clip="true" fill="$surface" border="2 $ink">
          <img
            x="0"
            y="0"
            w="104"
            h="104"
            fit="cover"
            src="https://images.unsplash.com/photo-1739467516257-20c1d7f1949a?auto=format&amp;fit=crop&amp;w=208&amp;h=208&amp;q=80"
          />
        </frame>
      </row>
      <row w="fill" gap="8" align="middle-center">
        <frame w="104" h="104" radius="$r-sm" clip="true" fill="$surface" border="2 $ink">
          <img
            x="0"
            y="0"
            w="104"
            h="104"
            fit="cover"
            src="https://images.unsplash.com/photo-1572853566597-b83cde546912?auto=format&amp;fit=crop&amp;w=208&amp;h=208&amp;q=80"
          />
        </frame>
        <frame w="104" h="104" radius="$r-sm" clip="true" fill="$surface" border="2 $ink">
          <img
            x="0"
            y="0"
            w="104"
            h="104"
            fit="cover"
            src="https://images.unsplash.com/photo-1528466829416-7c2576152a09?auto=format&amp;fit=crop&amp;w=208&amp;h=208&amp;q=80"
          />
          <row role="chip" x="6" y="80" gap="3" p="3 6" radius="$r-full" fill="$ink" align="middle-center">
            <img
              src="https://api.iconify.design/material-symbols/favorite-rounded.svg?color=%23F2683C"
              w="12"
              h="12"
            />
            <text text-style="Micro" value="863" color="$cream" />
          </row>
        </frame>
        <frame w="104" h="104" radius="$r-sm" clip="true" fill="$surface" border="2 $ink">
          <img
            x="0"
            y="0"
            w="104"
            h="104"
            fit="cover"
            src="https://images.unsplash.com/photo-1609054691436-fc8d64bf9a62?auto=format&amp;fit=crop&amp;w=208&amp;h=208&amp;q=80"
          />
        </frame>
      </row>
    </col>
    <!-- bottom tab bar (last flow child) -->
    <col w="fill" fill="$surface">
      <rect w="360" h="3" fill="$ink" />
      <row role="tab-bar" w="fill" h="64" p="0 8" align="middle-center">
        <col w="fill" gap="3" align="top-center">
          <img
            src="https://api.iconify.design/material-symbols/home-outline-rounded.svg?color=%234A4550"
            w="24"
            h="24"
          />
          <text text-style="TabLabel" value="Home" color="$ink-2" align="center" />
        </col>
        <col w="fill" gap="3" align="top-center">
          <img
            src="https://api.iconify.design/material-symbols/search-rounded.svg?color=%234A4550"
            w="24"
            h="24"
          />
          <text text-style="TabLabel" value="Search" color="$ink-2" align="center" />
        </col>
        <col w="fill" gap="3" align="top-center">
          <row w="46" h="34" radius="$r-sm" fill="$marigold" border="3 $ink" align="middle-center">
            <img
              src="https://api.iconify.design/material-symbols/add-rounded.svg?color=%23141118"
              w="22"
              h="22"
            />
          </row>
        </col>
        <col w="fill" gap="3" align="top-center">
          <img
            src="https://api.iconify.design/material-symbols/favorite-outline-rounded.svg?color=%234A4550"
            w="24"
            h="24"
          />
          <text text-style="TabLabel" value="Activity" color="$ink-2" align="center" />
        </col>
        <col w="fill" gap="3" align="top-center">
          <row role="item-indicator" w="46" h="30" radius="$r-full" fill="$cobalt" align="middle-center">
            <img
              src="https://api.iconify.design/material-symbols/person-rounded.svg?color=%23FFFFFF"
              w="22"
              h="22"
            />
          </row>
          <text text-style="TabLabel" value="You" color="$cobalt" align="center" />
        </col>
      </row>
      <row w="fill" h="20" align="middle-center">
        <rect w="120" h="5" radius="3" fill="$ink" />
      </row>
    </col>
  </col>
</gui>
```