danielsimao’s gists

danielsimao / bob-ui-wallets-v6.html

Last active July 3, 2026 14:03

BOB Profile Wallets v6 — connected-only step + quick-add + delegated discovery (issue #2248)

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>BOB Profile Wallets v6 — user journeys (#2248)</title>
	<style>
	:root{
	--bg:#0b0b0d;--panel:#141417;--card:#1b1b20;--card-hover:#212128;
	--line:rgba(255,255,255,.07);--fg:#f4f4f5;--muted:#9a9aa5;--faint:#65656f;

danielsimao / bob-ui-single-wallet.html

Created May 29, 2026 15:23

BOB single-wallet (no multiwallet) profile/wallets wireframes — 3 ways to spend the freed space

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>BOB — Single-wallet profile/wallets (no multiwallet)</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
	<style>

danielsimao / bob-ui-wallets-compact.html

Created May 29, 2026 15:14

BOB compact wallets/profile wireframes (v5 refinement) — aggregated card + Add-wallet quick-connect; 3 namespace-scaling concepts

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>BOB Profile — Compact Wallets (v5 refinement)</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
	<style>

danielsimao / preview.html

Created May 19, 2026 12:06

Wireframes preview - Revisão assistida com pré-preenchimento inteligente

	<!doctype html>
	<html lang="pt-PT">
	<head>
	<meta charset="utf-8">
	<title>Wireframes — Revisão assistida com pré-preenchimento inteligente</title>
	<style>
	/* ============================================================
	Wireframes — Revisão assistida com pré-preenchimento inteligente
	Shared stylesheet
	============================================================ */

danielsimao / activity-row-relay-revision.html

Created April 13, 2026 11:59

BOB Activity Row — Relay revision wireframe (issue #1673)

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Activity Row — Relay Revision</title>
	<link rel="preconnect" href="https://fonts.googleapis.com" />
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
	<link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />
	<style>

danielsimao / wireframes_v3.html

Created April 13, 2026 10:19

BOB Activity Sidebar — Wireframes v3 (issue bob-collective/ui#1673)

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>BOB Activity Sidebar — Final Concept (v3)</title>
	<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
	<style>
	:root {
	--primary-500: #F35D00;

danielsimao / wireframes.html

Created April 10, 2026 06:31

BOB Activity Sidebar Wireframes v2 — Notion-approved layout (Issue #1673)

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>BOB Activity Sidebar — Wireframe Concepts</title>
	<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
	<style>
	:root {
	--primary-500: #F35D00;

danielsimao / wireframes.html

Created April 9, 2026 16:25

BOB Activity Sidebar Wireframe Concepts — Issue #1673

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>BOB Activity Sidebar — Wireframe Concepts</title>
	<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
	<style>
	:root {
	--primary-500: #F35D00;

danielsimao / wireframes.html

Created April 1, 2026 08:42

BOB Swap — Walletless UX Wireframes (3 concepts)

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>BOB Swap — Walletless UX Wireframes</title>
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
	<style>
	:root {
	--bg: #09090b;

danielsimao / wireframes.html

Created March 27, 2026 11:16

BOB UI — QR Code Fallback Wireframes (walletless deposit)

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>QR Code Fallback — Wireframe Concepts</title>
	<style>
	@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,500;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;600&display=swap');

	:root {

Simão danielsimao