com.moba11y:hai1y-design · version 1.7.2
Chapter 1
The whole palette and every component are HAi1Y. Each app adds one brand color of its own: Gringotts adds gold and vault navy, kept in its own app and marked in gold on this page.
HAi1Y owns
Gringotts owns
Chapter 2
Every color the library defines, from Palette.kt, the one place colors live. Screens never use a hex value, only roles.
Chapter 3
A color is never decoration. Each one tells you something, and status always comes with words or a sign too.
Buttons, links, toggles, ⓘ and ⚙, reply buttons, the chosen tab. Nothing else.
Amounts, prices, percentages, a setting's value, semi-bold with fixed-width digits, never a color: $1,284.50
Notices that inform and ask nothing of you.
Section tints and headings, HAi1Y's badges, your chat bubbles. Never an action, whatever the active color.
Always signed: +$42.10 and −$8.75
Headings included. Weight and size make the hierarchy.
Chapter 4
Each one below is the real web version from hai1y-design-web, working: tap, drag, use the keyboard. Grouped as they are in the Android library. Every component also works with a screen reader.
h-progressProgressBar · steps and time lefth-waitingWaiting · a spinner, a bar after 5 secondsh-loading · h-spinnerLoading · Spinnerh-problem · h-headingProblem · Headingh-settings-tableSettingsTable · ⓘ on every rowh-name-value-tableNameValueTable · icons HAi1Y choosesh-staged-settingsStagedSettings · change, then send allh-basics-expertBasicsAndExpert · Basics save at onceh-setting-info · h-setting-editorSettingInfo · SettingEditor panelsUse This hands the new value back; nothing changes until then.
h-spoken-noteSpokenNote · heard, not seenA screen reader hears "Added IPO Bounce." Nothing appears on screen: feedback lives in HAi1Y's chat.
h-collapsible-group · h-info-rowCollapsibleGroup · InfoRowh-collapsible-cardCollapsibleCard · a main itemh-choice-rowChoiceRow · acts at onceh-switch-row · h-detail-row · h-soon-rowSwitchRow · DetailRow · SoonRowh-stat · h-pill · h-initialsStat · Pill · Initialsh-sectionSection · an information grouph-noticeNotice · information only, four tonesh-rich-textRichText · lists the way the style guide asksh-truncated · h-full-text-overlayTruncatedText · FullTextOverlayh-period-picker · h-segmentedPeriodPicker · SegmentedSettingh-prompt-fieldHai1yPromptField · asking is searchingh-slide-switch · h-slide-to-confirmSlideSwitch · SlideToConfirm · a full slide to actDrag all the way across, or press Enter on it.
h-bubble · h-repliesChatBubble · ReplyButtonsh-hai1y-button · h-sphereHai1yButton · Hai1ySphereh-value-chartValueChart · arrow keys or pointerh-gain-barsGainBars · signed, read as texth-donut · h-allocation-donutDonut · AllocationDonuth-compare-plot · h-chart-steps · h-readout · h-line-sample · h-compare-table · h-on-blackMarkets' chart, on black · tap it, then ‹ › or arrow keysAlso in the library: .h-sheet-scroll (SheetScroll: a scroll area inside a sheet that never drags the sheet) and .h-theme, HAi1Y's own theme on any container.
Chapter 5
On the web, Gringotts' pieces already live in their own files, web/brand/gringotts.css and .js: gold and vault navy belong to Gringotts alone. Android still keeps them inside HAi1Y's library.
g-coinGringottsCoin · the middle tab's coing-market-statusMarketStatusBadge · a dot or a ring, always wordsg-vault-buttonVaultButton · light violet on navyChapter 6
The components that make sense as text, from design/terminal/hai1y_term.py, in HAi1Y's colors (no gold). Run it to see them in color: python3 design/terminal/hai1y_term.py
── ProgressBar ───────────────────────────────────────────────── Backtesting Energy ████████████████████████ 13 of 26 (50%) about 8 min left HAi1Y is writing ████████████████████████ running 0:12 Publishing the library ████████████████████████ done ✓ Replaying your strategies ████████████████████████ stopped early ✗ ── SettingsTable ─────────────────────────────────────────────── ┌──────────────────────────┐ │ Stop Loss 8% ⓘ │ │ Largest Position 20% ⓘ │ │ Take Profit Off ⓘ │ └──────────────────────────┘ ── NameValueTable ────────────────────────────────────────────── ┌──────────────────────────────────┐ │ Return +12.1% ⓘ │ │ Worst Drop −24.8% ⚠ │ │ Period 2000 to 2025 ◷ │ │ Liquidity Floor $2,000,000 ⊠ │ │ Trades a Year 298 │ └──────────────────────────────────┘ ── DetailRow · SwitchRow ─────────────────────────────────────── Account •••• 4821 Buy Plans [ ●] On When one is ready to approve or decline. Sales [● ] Off When a stock sells, with its gain or loss. ── SegmentedSetting · PeriodPicker ───────────────────────────── Trading [ Active ] Inactive Sell Now Period [ Week ] Month 3 Months Year ── Pill · Stat ───────────────────────────────────────────────── (Chosen) (SPY) (Paper) (Failed) +12.1% 17 of 26 t 1.40 Return Years Ahead Reliability ── Notice ────────────────────────────────────────────────────── ✦ New from HAi1Y Ask me to compare any two strategies. ⓘ Rebalance Pending Shares even out after tonight's settlement. ⚠ Trading Inactive No new buys; positions still sell at the right time. ── CollapsibleGroup · ChoiceRow ──────────────────────────────── ▾ Data-Driven Strategies (3) ├ Seasonal Retail +2.4% ├ Energy −1.1% └ Yearly Bounce Back No Stocks ✓ Seasonal Retail Chosen → Energy → Yearly Bounce Back ── RichText ──────────────────────────────────────────────────── Two ways to step back: • Trading Inactive: no new buys; positions sell at the right time. • Sell Now: sells everything, then holds cash. ── ChatBubble · ReplyButtons ─────────────────────────────────── HAi1Y │ Energy's backtest is ready. Shall I compare it with SPY? You How did it do last year? │ [ Yes, Compare It ] [ No, That's All ] ── ValueChart ────────────────────────────────────────────────── Account value this week, up 4.2% ▁▁▁▂▂▂▁▁▁▄▄▄▄▄▄▆▆▆███ Mon $1,000.00 → Tue $1,042.00 +$42.00 ── GainBars ──────────────────────────────────────────────────── XLE │████████████████ +6.2% CCJ │████████ +3.1% TGT ██████│ −2.4% M ████████████│ −4.8% ── AllocationDonut, as shares ────────────────────────────────── Seasonal Retail ██████████████ $469.00 45% Energy ███████████ $365.00 35% Cash ██████ $208.00 20% Total $1,042.00 ── ActiveReadout ─────────────────────────────────────────────── Oct 22 · changes from Oct 12 XLE $92.40 +$4.30 ▲ 4.88% TGT $146.90 −$4.30 ▼ 2.84% CCJ $56.30 +$4.30 ▲ 8.27% ── Problem ───────────────────────────────────────────────────── ✗ The ledger didn't load. Check the connection and try again. [ Try Again ]
Chapter 7
By file, as they sit in hai1y-design-android. Gold outlines mark Gringotts' pieces.
Tested by :design:testDebugUnitTest, published by each design repository's ./publish.sh. The guide for builders is hai1y-design-android's README.md; HAi1Y's own guide is in its chat instructions.