# UI annotations — idealab
_page: /explore · viewport: 1706×879 · saved: 2026-06-01T01:32:32+00:00_

## Pins (numbered notes, anchored to elements)
1. `div.container-fluid.px-lg-4:nth-of-type(1) > div.grid-page:nth-of-type(2) > div.grid-head.d-flex:nth-of-type(1) > h1.h2.mb-0` — don't need the logo here again, the one in the top bar is enough
   ↳ <h1.h2.mb-0.text-nowrap> · 177×38px · font-size 32px · color rgb(169, 216, 203) · text "💡 IdeaLab"
2. `#grid-results > div.grid-controls.d-flex:nth-of-type(1)` — move this up into the bar with search and new idewa.
   ↳ <div.grid-controls.d-flex.align-items-center> · 1368×44px · font-size 16px · color rgb(232, 239, 236) · background rgb(15, 26, 23) · padding 0px 0px 8px · text "All Your ideas Following Recently viewed 35 ideas ▦ ▥ ☰ Sort Last activity Date created Last dev session Most starred Mo…"
3. `div.card.idea-card:nth-of-type(14) > div.card-body.d-flex > div.d-flex.align-items-center:nth-of-type(2) > span.state-badge.state-preliminary` — i want the status of the card to be like a progress bar along the bottom of the card outline it starts on the left as preliminary color, then progresses and changes color as the idea makes progress.
   ↳ <span.state-badge.state-preliminary> · 94×24px · font-size 12.48px · color rgb(217, 145, 63) · background rgba(217, 145, 63, 0.18) · padding 4.992px 8.736px · text "Preliminary"
4. `div.idea-grid > div.card.idea-card:nth-of-type(13) > div.card-body.d-flex > svg.sparkline.mb-2` — i want the sparklines for all cares to up in the top right of the card, and i want a tiny spark at the end of each line
   ↳ <svg.sparkline.mb-2> · 285×28px · font-size 16px · color rgb(232, 239, 236)
5. `div.grid-scroll:nth-of-type(2) > div.idea-grid > div.card.idea-card:nth-of-type(1) > div.card-body.d-flex` — do a bid of a background gradient and pop subtel outline for the cards to make them pop a bit more.
   ↳ <div.card-body.d-flex.flex-column> · 322×269px · font-size 16px · color rgb(232, 239, 236) · padding 17.6px 18.4px · text "MI Mind #30 · Sublimekid Meta-layer: workspace-memory browser/synthesizer plus an MCP connector for claude.ai and an aut…"