Journal

Tag

#dark-mode

Dark Mode vs Light Mode: One Theme, Both Done Right: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

Dark Mode vs Light Mode: One Theme, Both Done Right

Supporting both modes means semantic colors, not two hardcoded palettes. Build a themeable app from a free VP0 design that adapts cleanly to light and dark.

Lawrence Arya · May 31, 2026
Firebase iOS Auth Login With Dark Mode (Free SwiftUI): the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Firebase iOS Auth Login With Dark Mode (Free SwiftUI)

Build a Firebase auth login screen in SwiftUI with proper dark mode: email, social sign-in, and Sign in with Apple, from a free VP0 design.

Lawrence Arya · May 31, 2026
Telegram Dark Mode Color Palette in SwiftUI: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

Telegram Dark Mode Color Palette in SwiftUI

Build a Telegram-style theming system in SwiftUI: semantic colors that adapt to light and dark and match Telegram's theme, from a free VP0 design.

Lawrence Arya · May 31, 2026
大模型对话移动端暗色 UI 模板:难在对比和层次: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 3 min read

大模型对话移动端暗色 UI 模板:难在对比和层次

大模型对话 App 偏爱暗色,但难点是对比和层次,不是把背景调黑。用 VP0 挑暗色对话设计喂给 AI 生成,别用纯黑。

Lawrence Arya · May 30, 2026
Claude 写 SwiftUI 排版混乱?用模板对照修复: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

Claude 写 SwiftUI 排版混乱?用模板对照修复

Claude 写 SwiftUI 排版乱,多半是缺一个明确的设计基准。给它一个 VP0 原生设计当「标准答案」,对照着修间距、对齐和安全区最快。

Lawrence Arya · May 30, 2026
理想汽车极简车机仪表盘 H5 原生模板:设计语言相通: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

理想汽车极简车机仪表盘 H5 原生模板:设计语言相通

VP0 不专做车机,但极简仪表盘的设计语言和移动端相通:信息克制、卡片清晰、深色、大字高对比,可作为参考迁移到车机。

Lawrence Arya · May 30, 2026
React Native Shadcn 移动端平替组件库:要够原生: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 3 min read

React Native Shadcn 移动端平替组件库:要够原生

shadcn 是 Web 的,搬到 React Native 不直接可用。要找移动端平替,用 VP0 拿原生设计当基准,让 AI 生成贴合 RN 的组件,比硬搬 Web 组件原生。

Lawrence Arya · May 30, 2026
SwiftUI 极简设计移动端开源模板:克制最考验细节: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 3 min read

SwiftUI 极简设计移动端开源模板:克制最考验细节

SwiftUI 极简移动端模板,难在克制和细节。用 VP0 挑个极简原生设计让 AI 生成 SwiftUI,留白和层级照原生来,别写死颜色。

Lawrence Arya · May 30, 2026
Taro 小程序转 iOS 风格 UI 模板:难在转质感: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 3 min read

Taro 小程序转 iOS 风格 UI 模板:难在转质感

Taro 小程序转 iOS 风格,难点不在转代码而在转质感。用 VP0 拿 iOS 原生设计当目标,照着改导航、控件、间距,别漏深色。

Lawrence Arya · May 30, 2026
iOS 毛玻璃弹窗 React Native 模板:层次比透明度重要: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 3 min read

iOS 毛玻璃弹窗 React Native 模板:层次比透明度重要

iOS 毛玻璃弹窗好看的关键在层次和对比,不是调低透明度。免费做法是用 VP0 挑个带毛玻璃的原生设计,喂给 Cursor 或 Claude Code 生成代码。

Lawrence Arya · May 30, 2026
H5 移动端变原生 iOS 风格组件库:怎么对齐: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 3 min read

H5 移动端变原生 iOS 风格组件库:怎么对齐

H5 套壳一眼就是网页?让它像原生 iOS,要对齐控件、滚动、字体间距和深色。用 VP0 原生设计当标准,照着做组件最接近原生。

Lawrence Arya · May 30, 2026
小程序套壳变成 iOS 原生极简风格模板:细节见真章: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 3 min read

小程序套壳变成 iOS 原生极简风格模板:细节见真章

小程序套壳又想要 iOS 原生极简,张力在于极简最考验细节。用 VP0 拿原生极简设计当标准,对齐控件、排版、深色和安全区。

Lawrence Arya · May 30, 2026
Light and Dark Mode Design for iOS Apps: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

Light and Dark Mode Design for iOS Apps

Dark mode is a default expectation, not a coat of paint. Here is how to design iOS apps for both modes with semantic colors so it is nearly free, not a retrofit.

Lawrence Arya · May 29, 2026