Bộ UI thông minh Neumorphic

Tạo một bộ UI nhà thông minh và điều khiển đa phương tiện Neumorphic cao cấp trên nền xám nhạt sạch sẽ, được sắp xếp theo bố cục bảng điều khiển cân đối gồm các thẻ bo tròn nổi và các nút điều khiển hình tròn với hiệu ứng đổ bóng mềm mại, điểm nhấn bên trong tinh tế, bề mặt trắng mờ và các chi tiết màu xanh mòng két (teal) và cam thanh lịch. Phong cách tổng thể tối giản, mang hơi hướng tương lai, chân thực và được trau chuốt kỹ lưỡng, giống như một concept giao diện di động cao cấp. Bao gồm chính xác 18 mô-đun UI và biểu tượng riêng biệt: 1 thẻ núm xoay âm lượng hình tròn lớn ở phía trên bên trái với tâm màu xanh mòng két đậm bóng bẩy, viền chấm bi, biểu tượng cộng và trừ, cùng dòng chữ “VOLUME 67%”; 1 thẻ thanh trượt âm lượng dọc với nhãn “VOLUME”, núm xoay màu trắng, các vạch mức màu cam, biểu tượng loa nhỏ và “67%”; 1 mặt số cân bằng hình tròn lớn ở phía trên chính giữa bên phải với các vạch số 25, 50, 75, 100, giá trị trung tâm “72%”, nhãn “BALANCE” và một chấm chỉ báo nhỏ màu cam; 1 tiện ích la bàn hình tròn ở phía trên bên phải với các nhãn N, E, S, W, kim la bàn màu xanh mòng két kim loại và một chấm nhấn màu cam nhỏ trên vành; 1 núm xoay min-max hình tròn nhỏ hơn ở giữa bên trái với tâm màu xanh mòng két, viền mặt số màu trắng có kết cấu, chấm chỉ báo màu cam cùng nhãn “MIN” và “MAX”; 3 nút tiện ích hình tròn nhỏ bên dưới xếp thành một hàng, hiển thị biểu tượng nguồn, biểu tượng kết nối hoặc không dây và hình trái tim rỗng; 1 công tắc gạt ngang bên dưới các nút đó với núm màu xanh mòng két và chữ “ON”; 1 thẻ trình phát đa phương tiện lớn ở trung tâm với ảnh bìa album hình vuông hiển thị các cồn cát hoặc sóng trừu tượng màu xanh mòng két, tên bài hát “Beyond The Horizon”, tên nghệ sĩ “Aurora Nights”, biểu tượng trái tim ở góc trên bên phải, màn hình hiển thị tiến trình dạng sóng, dấu thời gian “1:45” và “3:58”, cùng 4 nút điều khiển phát lại ở hàng dưới cùng: phát ngẫu nhiên, bài trước, nút phát màu cam ở giữa, bài tiếp theo và lặp lại; 6 biểu tượng ứng dụng hình vuông bo tròn thành hai cột ở phía bên phải, sắp xếp thành 3 hàng, hiển thị chính xác các biểu tượng sau: mũi tên máy bay giấy, các lớp chồng lên nhau, khiên có dấu tích, đám mây, chuông với một chấm thông báo nhỏ màu cam và bánh răng; 1 thẻ đồng hồ hình chữ nhật ở phía dưới bên trái với mặt đồng hồ kim hình tròn, thời gian kỹ thuật số lớn “10:58 AM”, dòng ngày tháng “Thursday, May 23” và thời gian mặt trời mọc/lặn “06:15 AM” và “08:24 PM”; 1 thẻ thời tiết ở phía dưới chính giữa với vị trí “San Francisco”, nhiệt độ hiện tại “18°”, tình trạng “Partly Cloudy”, nhiệt độ cao/thấp “H: 21° L: 13°”, hình minh họa mặt trời sau đám mây lớn và dự báo hàng giờ gồm 5 cột được dán nhãn “11 AM”, “12 PM”, “1 PM”, “2 PM”, “3 PM”; 1 bộ chọn tab hình viên thuốc ở phía dưới bên phải với 3 tab, trong đó tab bên trái đang hoạt động với màu xanh mòng két cùng biểu tượng dạng sóng âm thanh, và 2 tab còn lại hiển thị biểu tượng người dùng và biểu tượng thư mục; 1 thanh tìm kiếm ngay bên dưới với kính lúp và văn bản giữ chỗ “Search...” ; 1 thanh trượt ngang bên dưới thanh tìm kiếm với vạch tiến trình màu xanh mòng két và núm xoay màu trắng; 1 nút CTA bo tròn lớn ở phía dưới bên phải với nội dung “{argument name="button text" default="EXPLORE"}” cùng mũi tên màu cam hướng sang phải; và 5 biểu tượng điều hướng dưới cùng hình tròn được căn giữa dọc theo cạnh dưới, hiển thị trang chủ, biểu đồ cột, lịch với số “23”, bong bóng chat và hồ sơ người dùng, cộng với 2 nút hành động nổi bên cạnh: biểu tượng máy ảnh và dấu cộng màu cam. Sử dụng bảng màu tiết chế với bề mặt trắng và xám rất nhạt, các dải màu xanh mòng két đậm cho các trạng thái hoạt động, và màu cam ấm cho các điểm nhấn và thông báo. Nhấn mạnh độ sâu thông qua đổ bóng xung quanh mềm mại, các đường vát tinh tế, phản chiếu bóng bẩy và kết xuất vật liệu chân thực. Giữ bố cục thoáng đãng, đối xứng nhưng không cứng nhắc, phù hợp cho việc trình bày concept ứng dụng di động sang trọng.