05 October 2026 · Design study 01
One herd.
Clearer choices.
A sequential record of the references, alternatives and decisions behind the first unified preview.
Generated boards are proposals. The interactive preview uses native HTML, CSS and JavaScript. It does not connect a wallet or send transactions.
01 · The product boundary
Strategy first.
Collateral second.
The user chose Cow / Bull as the first decision. Cow can be fully funded or use Aave collateral. Bull currently offers only Aave collateral. The ghost identifies Aave, while borrowing remains a separate step after funding.
Scope: a new infrastructure home and a working design prototype in herd/. Cow and Cattle retain their files, deployments and live flows. No fully funded Bull is released by this study.
02 · Read and capture before redesigning
Carry the lessons forward.



These are live-page reference captures, not before-screens of Herd. Cow was in fictional sample mode; the two landings were disconnected. Captures: 1920 × 993 CSS px. Read the imagegen design guide, Cow’s journal and Cattle’s journal.
03 · Three hypotheses, not three palettes
Explore, then choose.
A · Open pasture
Selected for the entrance
B · Compact workspace
Adapt selector; reject explanatory copy
C · Collateral becomes visible
Selected for the collateral step
04 · A small coherent slice
Make the journey inspectable.
- Choose Cow or Bull. The same choice remains available in the builder.
- Choose assets. The sample marks wstETH / USDC on Base as Aave-capable. WETH / USDC demonstrates the unavailable path. This is a demonstration set, not a new live whitelist.
- Choose collateral. Cow offers two choices on the supported pair. Bull offers only Aave. No hidden borrowing is added.
- Set a price, amount and schedule. Keep Cow’s explicit price/date. Aave examples distinguish strategy notional from the collateral supplied later.
- Review → create → fund. The created sample initially has no supplied assets. Funding is its own action and creates no debt.
- Manage the position. Borrow and repay are inspectable sample actions. Roll and close open their proposed steps; they do not fabricate quotes, fees, health factors or contract execution.
Each action is native HTML/JavaScript. Theme preference is browser-local and tolerates blocked storage. No example is silently saved as a live position. Live wallet integration and unified portfolio reads are later work.
05 · Character collateral
A little life in the pasture.
Solid characters are awake by day and resting by night. Ghosts rest by day and wake at night. Change the theme above to inspect both rows. The solid Bull is the strategy’s entrance character, not an offered collateral product.
The built-in image tool generated an eight-state RGBA atlas, then a focused extraction/spacing repair. CSS selects the cells; controls and all meaningful text remain native. The art remains decorative. Some soft edge glow survives; visual quality is assessed in the actual page.
Final character atlas ↗ · First asset pass ↗ · Asset prompts ↗
06 · One brand, sensible destinations
Start with the selector.
| Destination | Role in the proposal |
|---|---|
| herd.thetanuts.finance | Infrastructure, service reads and the published design preview. |
| thetaherd.com | The proposed consumer home: one selector, app and portfolio. |
| cow.thetaherd.com | Optional future entry with Cow already selected. |
| cattle.thetaherd.com | Optional future entry into the Aave paths. |
| bull.thetaherd.com | Optional future Bull entry. A fully funded Bull remains unreleased. |
Only the infrastructure host is part of this preparation. The consumer domains are proposals. “thetahard.com” is treated as a spelling slip, not another domain to provision. Separate origins do not inherit a wallet connection or local cache automatically.
07 · What the evidence establishes
Test the page,
not just the picture.
The automated checks cover routing boundaries, source failures, supported collateral transitions and invalid plans. The browser walkthrough separately verifies creation, funding, borrowing and repayment. Live browser checks cover desktop and narrow phone layouts, real button interactions, theme changes and console errors.

1440 × 1000 · final native implementation

390 × 844 viewport · full-page capture

1440 × 1000 · sleeping solid characters

390 × 844 · Aave chosen, still no borrowing

1440 × 1000 · AMM styling, Herd content

320 × 760 · overflow corrected

390 × 844 · fully funded Cow path awaiting its funding step

390 × 844 viewport · full-page fictional position
This is not a measured newcomer comprehension study. The next useful user test: ask someone to choose a strategy, explain what the ghost changes, and find where borrowing begins—without coaching.