动态

当你独自构建时，会出现一种特殊的混乱。你是做出战略决策的CEO，是发布功能的开发者，而在混乱的中间地带，你应该管理待办清单。

今天我做了一件一直在避免的事：我真正审视了那个待办清单。

待办清单的真相

独立开发的真实样子是这样的：你快速前进，发布功能，在这个过程中积累了一个心理清单"我可能总有一天应该做的事情"。这个清单不断增长。它困扰着你。但你从不真正整理它，因为你太忙于构建。

所以当我终于坐下来审查我的技术待办清单时，我不确定会发现什么。结果是三件事：

1. 我忘记的已完成工作：已经发布的功能、已经修复的bug、已经部署的优化。它们就在那里，未被标记，让清单看起来比实际更可怕。

2. 终于可以删除的死想法：需求已变化的功能、不再有意义的特性、被证明是过早的优化。允许删除这些感觉太棒了。

3. 藏在眼前的高优先级胜利：几个实际上是快速胜利的项目，今天完全可以实现，并且会产生真正的影响。

解放时刻

关闭已完成的项目感觉很好。删除不相关的项目感觉更好。但识别那些高优先级胜利？那时一切都清晰了。

我不再只是维护待办清单了。我在管理开发。

我第一次能看到区别：

• 已经完成的工作（庆祝它）
• 不需要做的工作（删除它）
• 应该接下来做的工作（优先处理它）

这种清晰感就是全面开发模式的感觉。

发生了什么变化

这不是关于更好的工具或某种神奇的生产力技巧。这是关于许可。

许可自己：

• 认可已完成的工作（即使忘记勾选了）
• 删除不再服务于使命的东西
• 专注于真正推动进展的事情

作为独立开发者，你没有产品经理给你这种许可。你必须自己给自己许可。

胜利成果

审查后，我在同一天实现了两个高优先级项目：

1. 快速过滤表：Hub的一个长期UX改进
2. 性能优化：小改变，对加载时间影响巨大

两者都在待办清单中等待。现在它们已经发布。

教训

如果你在独立构建，待办清单让你感到不堪重负，这是我学到的：

**诚实地审查它。**有些已经完成了。有些不再重要了。而有些——真正重要的东西——当你清除噪音时就会变得明显。

这就是突破。不是完美的项目管理。只是诚实的评估和行动的清晰度。

现在我回到构建中。但这次，我知道我在朝着什么方向构建。

这是我们Updates系列的一部分，我们在这里分享构建Brandmine的幕后故事。了解更多技术深度分析和产品开发笔记，关注我们的旅程。

我们刚刚完成了一次重大基础设施升级：从独立代码库迁移到统一的 monorepo 架构。

我花了一个上午在槟城的凤山寺 (Hong Sun Si Temple, Phoenix Mountain Temple) 漫步，一直在思考建造这个地方的人们。

不是建筑——虽然它很美。不是历史地位——虽然它绝对值得。真正打动我的是这些人是谁、他们为何团结在一起的故事。

椰林社区

想象一下：1805年。乔治市 (George Town) 才建立十年，还相当粗糙。在椰子种植园里，远离商行和贸易站，有来自泉州三个不同地区的福建农民——南安、永春和安溪。

他们不是历史书上记载的富商。他们是农业工人，生活在棕榈树之间，只靠一条从 Green Lane 通往城镇的土路与外界连接。

不知何故，尽管来自不同的地区（在华人移民社区中，这往往意味着不同的宗族忠诚、不同的方言、不同的一切），他们团结起来建造了这座寺庙。

这种团结——正是凤山寺的特别之处。

为什么泉州很重要

当我了解到这些农民来自泉州时，突然明白了什么。

泉州不仅仅是一座城市。在宋朝 (Song dynasty) （12-13世纪）期间，它是中国对外贸易的主要海港。造船之都。在这里建造的大型远洋帆船航行到东南亚、印度及更远的地方。

马可·波罗 (Marco Polo) 有句名言：每一船胡椒运到亚历山大港 (Alexandria)，就有一百艘船抵达泉州。伊本·白图泰 (Ibn Battuta)，这位摩洛哥旅行家，在1345年访问时称它为世界上"最伟大的"港口。

这些槟城的椰子农民？他们的祖先建造了连接中国与世界的船只。（我写过关于泉州作为世界最大港口的兴衰——这是一个关于信任网络如何超越政府的故事。）

因此，当他们跨越2500公里的海洋来到马来亚椰林定居时，他们不仅仅是在移民——他们在延续着一个数百年的传统，跟随贸易风和机遇去任何地方。

凤山寺就是当这种航海精神遇到新土地时的产物。

石碑上的名字

寺庙内有一块1864年的石碑——已有160年历史——上面列出了三位创始领袖：

• 来自永春的孟成金 (Meng Chengjin)
• 来自南安的梁光庭 (Liang Guangting)
• 来自安溪的叶合吉 (Yap Hup Keat)

我站在那里读着这些名字，思考着来自三个不同地区的农民共同领导意味着什么。在华人移民社区中，这种合作很少见。通常，寺庙属于单一宗族或地区协会——排他性的，保护自己人的。

但凤山寺不同。它有意包容，旨在团结在种植园工作的整个福建社区。

这告诉我，这些人不只是在寻找一个礼拜的地方。他们在建造更宏大的东西——在新土地上为泉州福建人建立共同身份。

我一直在思考的事

让我感动的是：凤山寺连接了两个联合国教科文组织世界遗产地——槟城乔治市 （2008年入选）和泉州宋元中国的世界海洋商贸中心 （2021年入选）。

但它以一种安静的方式做到这一点。没有宣告这种连接的大牌匾。没有旅游巴士停靠。只是一座住宅区的活跃寺庙，220年来一直服务着社区。

建造这个地方的人是农业工人——不是富商，不是有记载的学者。然而，他们跨越海洋传承了复杂的文化传统，建立了社区机构，创造了延续两个世纪的事物。

这就是我喜欢探索的亚洲：隐藏在众目睽睽之下的连接层次，在远离家乡建立新生活的劳动人民的韧性，文化如何通过普通人做非凡事情而传播。

如果你去

凤山寺位于槟城的拿督吉拉末路 (Jalan Dato Keramat)，远离乔治市的主要旅游区。这仍然是一个活跃的礼拜场所，请尊重地参观。

这座寺庙没有市中心宗祠的名气，但历史同样深刻——甚至可能更深刻，因为它罕见的多地区创建联盟和劳动阶级起源。

早上去吧，当光线柔和时，当当地人点香，寺庙充满宁静虔诚时。那时你能感受到与那些跨越海洋、建造了持久之物的泉州椰子农民的连接。

我很高兴找到了这个地方。这正是让 Brandmine 的工作有意义的那种隐藏宝石——照亮那些一直存在、等待有人注意的连接。

这是我们 Updates 系列的一部分，探索全球南方文化和历史之间的隐藏连接。了解更多我们的发现，请关注这里。

在构建 Brandmine 时，我们需要一个不会拖慢我们的数据库。在评估几个选项后，我们选择了 Supabase——3 个月后，它被证明是我们最好的技术决策之一。

深色模式已上线，覆盖整个 Brandmine 平台。

自动主题切换

我们尊重您的系统偏好：

• macOS/iOS：设置 → 显示与亮度 → 深色
• Windows：设置 → 个性化 → 颜色 → 深色
• Android：设置 → 显示 → 深色主题

网站自动适应。无需手动切换。

我们优化的内容

语义颜色系统

• ✅ 所有颜色使用 CSS 变量（--bg-primary、--text-primary）
• ✅ 基于 prefers-color-scheme 自动切换
• ✅ 品牌青色从 #38B2AC（浅色）调整为 #4FD1C5（深色）

对比度验证

• ✅ 所有文本在两种模式下都符合 WCAG AA 标准
• ✅ 浅色模式青色：仅用于背景（作为文本不通过）
• ✅ 深色模式青色：通过所有测试（10.04:1 对比度）

组件覆盖

• ✅ 所有 50+ 组件支持深色模式
• ✅ 表单、模态框、卡片、导航——一切
• ✅ 边缘情况：加载状态、验证、空状态

为什么自动？

用户研究：大多数人希望深色模式匹配其系统偏好。添加手动切换会产生摩擦（应该在哪里存储偏好？cookies？localStorage？默认是什么？）。

简单性：用户少做一个决定。系统知道你想要什么。

电池寿命：在 OLED 屏幕上，深色模式可以延长 30-40% 的电池寿命。

技术细节

基础：ADR-0034 记录了我们完整的深色模式策略。

文件：

• assets/css/base/variables.css（颜色定义）
• assets/css/components/dark-mode.css（1310 行组件样式）
• docs/technical/dark-mode-colors.md（完整颜色参考）

性能：无需 JavaScript。纯 CSS 媒体查询。

移动导航刚刚变得更好。我们为移动和平板电脑用户添加了持久底部导航栏。

改变了什么

之前

• 仅顶部导航（需要向上滚动才能切换页面）
• 汉堡菜单用于辅助导航
• 浏览时更难在各部分之间跳转

之后

• 底部导航栏始终可见（拇指友好）
• 快速访问品牌、创始人、洞察、市场
• 44px 触摸目标（iOS 人机界面指南）
• 向下滚动时自动隐藏（更多阅读空间）
• 向上滚动时重新出现（始终可访问）

为什么底部导航？

拇指区优化：在 5.5 英寸及更大的手机上，屏幕底部三分之一是单手最容易触及的区域。

上下文切换：用户可以从品牌资料跳转到市场洞察再到创始人故事，无需滚动到顶部。

平台惯例：原生应用（Instagram、Twitter、YouTube）都使用底部导航——熟悉且直观。

响应式行为

• 移动（< 768px）：底部导航可见
• 平板（768px - 1024px）：底部导航可见
• 桌面（> 1024px）：仅传统顶部导航

技术细节

• 粘性定位：基于 CSS，无需 JavaScript
• 触摸优化：44px 最小目标尺寸
• 动画过渡：滚动时平滑显示/隐藏
• 无障碍性：适当的 ARIA 标签，键盘导航支持

接下来是什么

我们正在探索在底部导航中添加搜索图标，以便更快地访问我们的品牌数据库。

试试看——在手机上打开 Brandmine 并探索。导航应该感觉自然而轻松。

Brandmine 现在是渐进式 Web 应用（PWA）——我们的公共网站和内部 Hub 都是。

什么是 PWA？

可以把它想象成像原生应用一样工作的网站：

• 📱 安装到主屏幕（iOS、Android、桌面）
• 🚀 更快的加载时间（缓存资源）
• 📡 离线工作（无互联网时基本浏览）
• 🔔 推送通知（即将推出）

如何安装

移动（iOS/Android）

1. 在 Safari 或 Chrome 中访问 brandmine.ai
2. 点击分享按钮
3. 选择**“添加到主屏幕”**
4. 点击**“添加”**

桌面（Chrome/Edge）

1. 访问 brandmine.ai
2. 在地址栏中查找安装图标
3. 点击**“安装”**

Hub（内部团队）

hub.brandmine.ai 的流程相同——安装它以快速访问联系人管理、交易和品牌研究。

为什么这很重要

速度：缓存资源意味着首次访问后页面立即加载。

离线访问：即使没有互联网也能浏览品牌资料和创始人故事（非常适合飞行、偏远地区或不可靠的连接）。

专注：类似应用的体验移除了浏览器框架，为内容提供更多空间。

技术细节

• Service worker：为离线使用缓存关键资源
• Manifest：定义应用元数据、图标、主题颜色
• Scope：与主浏览器隔离（专用体验）

接下来是什么

我们正在探索为新品牌添加、市场更新和精选洞察推送通知。敬请期待。

今天就安装 Brandmine，按照其设计方式体验平台。

无障碍访问不是事后考虑，而是核心价值。本周，我们实施了 Lighthouse CI，持续监控网站的无障碍性、性能和 SEO。

我们修复的内容

键盘导航

• ✅ 所有交互元素现可通过键盘访问
• ✅ 为屏幕阅读器用户提供跳转到内容链接
• ✅ 整个网站都有可见的焦点指示器

标题层次结构

• ✅ 修复所有标题进程问题（H1 → H2 → H3）
• ✅ 屏幕阅读器现可正确导航页面结构
• ✅ 改进所有页面的内容组织

颜色对比度

• ✅ 所有文本符合 WCAG AA 标准（最小对比度 4.5:1）
• ✅ 更新维度标签以提高可读性
• ✅ 交互元素在所有状态下都有足够的对比度

色盲友好设计

• ✅ 时间线使用蓝色系（无红绿组合）
• ✅ 所有颜色编码包含冗余视觉提示
• ✅ 对绿色盲、红色盲和蓝色盲用户友好

持续监控

我们已将 Lighthouse CI 集成到开发工作流程中。现在每次部署都会运行自动化无障碍审计，以确保我们维持这些标准。

我们的得分

• 无障碍性：94-96（强制最低标准）
• 性能：60-69（基线——优化即将到来）
• SEO：92-100
• 最佳实践：75+

为什么这很重要

约 8% 的男性和 0.5% 的女性有红绿色盲。许多用户依赖键盘导航。清晰的对比度和逻辑页面结构让每个人都受益。

无障碍就是照亮。 我们致力于确保每个人都能发现卓越的全球南方品牌。

我们已正式从 brandmine.io 迁移到 brandmine.ai。

为什么改变？

.ai 域名更好地代表了我们致力于使用先进技术发现隐藏品牌的承诺。随着我们构建工具来照亮全球南方卓越的创始人主导企业，我们的域名应该反映这一使命。

这对你意味着什么

所有链接已自动重定向。如果你已收藏网站，请更新你的书签为：

• 主站：https://brandmine.ai
• Hub（内部）：https://hub.brandmine.ai

展望未来

这是更广泛平台演进的第一步。敬请关注更多更新，我们将继续构建工具，将卓越品牌与他们成长所需的人员、合作伙伴和资本联系起来。

欢迎来到 Brandmine.ai 🔆