Calmaria by abdz.do: Clean App and Web Design for Mindful Breathing

Calmaria by abdz.do: Minimalist UI for Peaceful Breathing Thousands of notifications compete for attention every single day, but calmaria.app/ asks for just one calm breath. The app name originates from a Portuguese term that sailors and surfers use when the wind settles down and the ocean becomes completely still. The fresh web interface strips away every piece of extra clutter to hit that exact feeling of peace. A floating pill-shaped menu bar sits subtly at the top alongside left-aligned Inter typography, balancing crisp black for lead text with a warm stone gray for the body. Everything feels so beautifully stripped-back that there is just a single tap, one shape, and zero visual distractions.

For the very first time, the project achieves total design consistency across iOS and Android on every screen size. From Apple Watch Series 10 to Wear OS devices like the Google Pixel Watch 3, each breathing phase gently pulses on the wrist while staying perfectly synced with the phone. This release also supports foldable devices like Android Foldables and iPhone Duo. Upon opening a foldable device, the layout neatly splits into two halves: one side features clean tabular numbers and text, while the other side belongs entirely to the breathing cycle.

Packed with 5 dynamic visual themes that animate along with each breath, the app eliminates any need to manually count seconds. The Dots theme inflates into a buttery-smooth 3D sphere at 60fps during inhales, while themes like Glass, 80s, Circles, and Angular switch gracefully between light and dark modes. Even cooler, the calmaria.app/pwa/index.html brings the entire experience right into desktop browsers with zero ads, no mandatory sign-ups, and no paywalls. Anyone can practice 4-7-8 routines, Box breathing, custom timing, soothing Cuelume sounds, or check session history straight from the web.

To check out more creative work by abdz.do, explore the project further at calmaria.app/.

Calmaria từ abdz.do: Tối giản giao diện cho một nhịp thở bình yên

Mỗi ngày có hàng ngàn thông báo tranh giành sự chú ý của bạn, nhưng calmaria.app/ thì chỉ cần đúng một nhịp thở. Tên ứng dụng bắt nguồn từ một từ tiếng Bồ Đào Nha mà dân đi biển và lướt sóng hay dùng khi gió ngừng thổi và mặt biển trở nên phẳng lặng. Giao diện web mới đã loại bỏ mọi chi tiết thừa để chạm đúng vào cảm giác êm đềm đó. Một thanh menu hình viên thuốc nổi nhẹ phía trên kết hợp cùng kiểu chữ Inter gióng lề trái, phối hợp giữa màu đen sắc nét cho câu dẫn và màu xám đá ấm áp cho phần thân bài. Mọi thứ tối giản đến mức chỉ có một cú chạm, một hình khối và không gì cản trở tầm nhìn.

Đây là lần đầu tiên dự án đạt được sự nhất quán trọn vẹn giữa iOS và Android trên mọi loại màn hình. Từ Apple Watch Series 10 đến các mẫu Wear OS như Google Pixel Watch 3, từng giai đoạn thở sẽ khẽ rung trên cổ tay và đồng bộ mượt mà với điện thoại. Phiên bản này cũng hỗ trợ chuẩn giao diện cho thiết bị màn hình gập Android Foldables và iPhone Duo. Khi mở rộng thiết bị, bố cục tự tách làm hai nửa rất gọn gàng: một bên là chữ kèm số dạng bảng, bên còn lại dành riêng cho nhịp thở.

Ứng dụng trang bị 5 chủ đề thị giác chuyển động theo hơi thở giúp bạn chẳng cần phải bận tâm đếm nhịp. Chế độ Dots phồng to thành hình cầu 3D mượt mà 60fps khi hít vào, trong khi các theme như Glass, 80s, Circles hay Angular chuyển đổi nhẹ nhàng qua lại giữa sáng và tối. Đáng chú ý là bản calmaria.app/pwa/index.html giờ đây đã mang trọn vẹn trải nghiệm lên trình duyệt máy tính mà không dính quảng cáo, không yêu cầu tạo tài khoản hay thu phí. Bạn có thể chọn các bài tập thở 4-7-8, Box breathing, tự chỉnh nhịp riêng, lắng nghe âm thanh Cuelume hay xem lại lịch sử phiên tập ngay trên web.

Nếu quan tâm, bạn có thể tìm hiểu thêm về abdz.do tại calmaria.app/.

Calmaria by abdz.do: Clean App and Web Design for Mindful Breathing

Img01 - Calmaria by abdz.do: Clean App and Web Design for Mindful Breathing

Posted

in

by

Tags: