Sóc — 10 mockup thiết kế

Cùng một màn 🏠 Hôm nay của app Sóc, dựng theo 10 hướng thẩm mỹ khác nhau. Nội dung giữ nguyên bản thật: thẻ cân nặng, mũi tiêm đến hạn, “👆 Bấm một cái là xong”, ghi nhanh, mốc phát triển, trò chơi hôm nay, đếm ngược ngày đi lớp, và thanh 5 tab dưới cùng. Cuộn ngang để xem hết.

01Kẹo Ngọt
Gradient hồng–tím–xanh, bo tròn cực lớn, bóng đổ cứng nhiều màu. Vui nhất, trẻ nhất.
Mở riêng ↗
02Giấy Cắt Dán
Từng thẻ là một mảnh giấy chồng lớp, có băng dính washi, nền chấm bi. Ấm và thủ công.
Mở riêng ↗
03Viền Dày
Neo-brutalism: viền đen 3px, bóng cứng lệch, màu nguyên khối. Rõ ràng, bấm không trượt.
Mở riêng ↗
04Đất Nặn
Claymorphism — khối mềm nổi 3D, ô nhập lõm vào như bấm ngón tay. Êm mắt lúc đêm.
Mở riêng ↗
05Vườn Ươm
Chữ serif, xanh lá và kem, biểu đồ vẽ như mầm cây. Điềm đạm, hợp đọc cẩm nang dài.
Mở riêng ↗
06Sổ Tay
Chữ viết tay trên giấy kẻ dòng, ô tích tay, bút dạ quang. Giống quyển sổ theo dõi con thật.
Mở riêng ↗
07Bầu Trời
Kính mờ trên nền trời chuyển từ xanh sang hồng, có mây và nắng. Nhẹ và hiện đại.
Mở riêng ↗
08Pixel
Game 8-bit: viền vuông từng điểm ảnh, thanh máu cho kênh WHO, chữ đơn cách. Nghịch nhất.
Mở riêng ↗
09Mochi
Tối giản kiểu Nhật: trắng nhiều, chữ mảnh, chỉ một màu đào làm nhấn. Sạch và tĩnh.
Mở riêng ↗
10Khối Màu
Bauhaus cho trẻ con: đỏ–xanh–vàng nguyên bản ghép thành mảng, góc bo lệch, vòng tròn tiến độ.
Mở riêng ↗

Chọn được bản nào thì nói số — tao đưa hệ màu và bộ token của bản đó vào App/Soc/index.html, phần JS không phải đụng.