# Eiko reference-led design studies — 2026-09-11

Generated with built-in imagegen. Visual exploration only; app files unchanged.

References: `eiko/eiko.jpg` (existing guide), `eiko/img/eiko-og.png` (collateral), `eiko/img/eiko-mascot.png` (mascot identity). Used as visual references, not pasted wholesale into the layouts. Existing guide claims and figures were not product requirements.

The outputs still invent some navigation, icons and small copy despite the prompt constraints. Those are not implementation decisions. C2 also confuses the Base chain selector with USDC. Review these as visual directions only; keep actual app behavior and chain identity when implementing.

## a-eiko-studio-v2

Output: `eiko/img/designs/a-eiko-studio-v2.png`

```text
Use case: ui-mockup.
Create a high-fidelity, buildable Eiko wheel-vault app design study. Landscape board with one large straight-on desktop viewport and one readable mobile viewport. Not a marketing landing page. Design exploration only.
Input images: Image 1 is the EXISTING Eiko design guide, a STYLE reference, not an edit target or content to paste. Image 2 is existing campaign collateral, a mood/colour/art-direction reference only. Image 3 is existing mascot, an identity reference only. Do not place these whole images or screenshots into the app. Create an original coherent UI informed by them. The same white/lilac kimono robot may appear as a SMALL restrained secondary illustration, never crowd the financial controls or become a hero. No replacement mascot. Sakura blossom and four-point sparkle details can be subtle.
Reference rules: preserve Eiko's rounded friendly wordmark and predominantly Plus Jakarta Sans typography, readable sans-serif amounts; indigo #1B1F3B, deep violet #4B3DDA, lavender #8D7BFF, lilac #CDB8FF, sakura pink #F4C6E7, sky blue #D9E4FF, mist #F6F7FB. Calm, intelligent, playful visual identity. Adapt palette to direction without losing that family. No giant serif heading or generic luxury banking rebrand. Plenty of whitespace and strong contrast; clear selected controls.
UI content: Eiko wordmark; 'Vault' selected, 'Market' muted with 'Paused' badge; 'Base'; assets 'VIRTUAL', 'TIBBIR', 'ROBO', 'OPG' with ROBO selected; strike selector 0.0085 selected, 0.01, 0.012; compact market/strike context; 'Your position'; 'Withdrawal value'; 'Return vs limit order'; clearly separate 'Deposit', 'Withdraw' and 'Share card' controls; 'Epoch results' with 'No completed epochs yet'; small footer 'Referral link'.
Use these SAME sample values in desktop and mobile: 'ROBO / USDC', 'Strike $0.0085', 'Market $0.0096', withdrawal value '486.68 USDC', return '−13.32 USDC' and '−2.66%'. Keep loss negative and muted rose. Do not copy ANY numbers or financial/product claims from the reference guide. No invented earnings, APR, charts, AI signals, advisor/chat capability, safety promise or slogan. Only show supplied concise UI labels, plus board title and 'Design study · sample snapshot' outside the interface. The share card preview, if shown, must contain actual provided position values, never promotional filler. Avoid explanatory paragraphs, disclaimer blocks, floral wallpaper, oversized empty areas or decorative illustrations behind data. This is a functional product screen with a clear information hierarchy.
Board title: 'A2 · Eiko studio'.
Direction: Closest to the existing guide and beta. Fresh mist canvas, white tactile cards, violet primary button, lilac selected tabs, soft 16px corners and finely shaded boundaries. Mostly sans serif. Desktop two columns: asset/strike context and useful position summary dominant, compact action area beside. A small friendly reference-faithful robot accent in the empty epoch panel; sparse sakura sparkle detail. A coordinated mobile single-column layout. No promotional hero.
```

## b-sakura-folio-v2

Output: `eiko/img/designs/b-sakura-folio-v2.png`

```text
Use case: ui-mockup.
Create a high-fidelity, buildable Eiko wheel-vault app design study. Landscape board with one large straight-on desktop viewport and one readable mobile viewport. Not a marketing landing page. Design exploration only.
Input images: Image 1 is the EXISTING Eiko design guide, a STYLE reference, not an edit target or content to paste. Image 2 is existing campaign collateral, a mood/colour/art-direction reference only. Image 3 is existing mascot, an identity reference only. Do not place these whole images or screenshots into the app. Create an original coherent UI informed by them. The same white/lilac kimono robot may appear as a SMALL restrained secondary illustration, never crowd the financial controls or become a hero. No replacement mascot. Sakura blossom and four-point sparkle details can be subtle.
Reference rules: preserve Eiko's rounded friendly wordmark and predominantly Plus Jakarta Sans typography, readable sans-serif amounts; indigo #1B1F3B, deep violet #4B3DDA, lavender #8D7BFF, lilac #CDB8FF, sakura pink #F4C6E7, sky blue #D9E4FF, mist #F6F7FB. Calm, intelligent, playful visual identity. Adapt palette to direction without losing that family. No giant serif heading or generic luxury banking rebrand. Plenty of whitespace and strong contrast; clear selected controls.
UI content: Eiko wordmark; 'Vault' selected, 'Market' muted with 'Paused' badge; 'Base'; assets 'VIRTUAL', 'TIBBIR', 'ROBO', 'OPG' with ROBO selected; strike selector 0.0085 selected, 0.01, 0.012; compact market/strike context; 'Your position'; 'Withdrawal value'; 'Return vs limit order'; clearly separate 'Deposit', 'Withdraw' and 'Share card' controls; 'Epoch results' with 'No completed epochs yet'; small footer 'Referral link'.
Use these SAME sample values in desktop and mobile: 'ROBO / USDC', 'Strike $0.0085', 'Market $0.0096', withdrawal value '486.68 USDC', return '−13.32 USDC' and '−2.66%'. Keep loss negative and muted rose. Do not copy ANY numbers or financial/product claims from the reference guide. No invented earnings, APR, charts, AI signals, advisor/chat capability, safety promise or slogan. Only show supplied concise UI labels, plus board title and 'Design study · sample snapshot' outside the interface. The share card preview, if shown, must contain actual provided position values, never promotional filler. Avoid explanatory paragraphs, disclaimer blocks, floral wallpaper, oversized empty areas or decorative illustrations behind data. This is a functional product screen with a clear information hierarchy.
Board title: 'B2 · Sakura folio'.
Direction: A more editorial layout WITHIN Eiko's guide, not a serif luxury rebrand: warm mist/lilac-tinted white canvas, restrained sakura separator lines, indigo Plus Jakarta Sans headings, finely aligned monospace numbers. Flatter layout with thin rules and a slim navigation rail on desktop. Withdrawal value is the strongest text; clear compact action bar. Very subtle blossom corner motif and one tiny faithful mascot beside an empty state, not generic botanicals. A compact pale lilac position-share card inset containing the supplied real sample fields. Refined airy rhythm, rounded controls, friendly technical precision.
```

## c-moonlit-eiko-v2

Output: `eiko/img/designs/c-moonlit-eiko-v2.png`

```text
Use case: ui-mockup.
Create a high-fidelity, buildable Eiko wheel-vault app design study. Landscape board with one large straight-on desktop viewport and one readable mobile viewport. Not a marketing landing page. Design exploration only.
Input images: Image 1 is the EXISTING Eiko design guide, a STYLE reference, not an edit target or content to paste. Image 2 is existing campaign collateral, a mood/colour/art-direction reference only. Image 3 is existing mascot, an identity reference only. Do not place these whole images or screenshots into the app. Create an original coherent UI informed by them. The same white/lilac kimono robot may appear as a SMALL restrained secondary illustration, never crowd the financial controls or become a hero. No replacement mascot. Sakura blossom and four-point sparkle details can be subtle.
Reference rules: preserve Eiko's rounded friendly wordmark and predominantly Plus Jakarta Sans typography, readable sans-serif amounts; indigo #1B1F3B, deep violet #4B3DDA, lavender #8D7BFF, lilac #CDB8FF, sakura pink #F4C6E7, sky blue #D9E4FF, mist #F6F7FB. Calm, intelligent, playful visual identity. Adapt palette to direction without losing that family. No giant serif heading or generic luxury banking rebrand. Plenty of whitespace and strong contrast; clear selected controls.
UI content: Eiko wordmark; 'Vault' selected, 'Market' muted with 'Paused' badge; 'Base'; assets 'VIRTUAL', 'TIBBIR', 'ROBO', 'OPG' with ROBO selected; strike selector 0.0085 selected, 0.01, 0.012; compact market/strike context; 'Your position'; 'Withdrawal value'; 'Return vs limit order'; clearly separate 'Deposit', 'Withdraw' and 'Share card' controls; 'Epoch results' with 'No completed epochs yet'; small footer 'Referral link'.
Use these SAME sample values in desktop and mobile: 'ROBO / USDC', 'Strike $0.0085', 'Market $0.0096', withdrawal value '486.68 USDC', return '−13.32 USDC' and '−2.66%'. Keep loss negative and muted rose. Do not copy ANY numbers or financial/product claims from the reference guide. No invented earnings, APR, charts, AI signals, advisor/chat capability, safety promise or slogan. Only show supplied concise UI labels, plus board title and 'Design study · sample snapshot' outside the interface. The share card preview, if shown, must contain actual provided position values, never promotional filler. Avoid explanatory paragraphs, disclaimer blocks, floral wallpaper, oversized empty areas or decorative illustrations behind data. This is a functional product screen with a clear information hierarchy.
Board title: 'C2 · Moonlit Eiko'.
Direction: A dark-mode adaptation of the actual guide: deep indigo #1B1F3B and midnight violet surfaces rather than black luxury styling; cream-white readable text, lavender/violet buttons and sakura accents. Plus Jakarta Sans, rounded approachable components, not serif-dominated. Strong position panel, functional compact deposit/withdraw side panel, quiet epoch section. A small same-identity kimono robot with violet eye details in a secondary brand nook, a couple of faint blossom accents. No neon, no glowing financial controls. Shareable position-card visual naturally integrated into workspace. Mobile equally practical and readable.
```