☰ Cấu hình
MIBO ARCHITECT
THIÊN VƯƠNG UI
Tiêu đề hệ thống
Slogan / Subtitle
Chữ Logo
Dòng chữ chân trang (Footer)
Màu chủ đạo
Gradient Nút (Bắt đầu)
Gradient Nút (Kết thúc)
Bo góc Card (vd: 40px)
CẬP NHẬT NGAY
XEM TRƯỚC GIAO DIỆN BUILD
Copy
Tải về
<!DOCTYPE html> <html lang='vi'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>THIÊN VƯƠNG</title> <style> body { margin: 0; padding: 0; font-family: 'Segoe UI', sans-serif; background: #ffffff; display: flex; align-items: center; justify-content: center; min-height: 100vh; } .wrapper { text-align: center; width: 100%; max-width: 420px; padding: 40px 20px; box-sizing: border-box; } .logo { background: #E65100; width: 85px; height: 85px; border-radius: 35% 65% 61% 39% / 40% 41% 59% 60%; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; color: white; font-size: 42px; font-weight: 800; box-shadow: 0 10px 25px rgba(0,0,0,0.1); } h1 { font-style: italic; font-weight: 900; margin: 0; letter-spacing: 1px; font-size: 32px; text-transform: uppercase; color: #1a1a1a; } .sub { color: #E65100; font-size: 11px; font-weight: bold; letter-spacing: 2.5px; margin-top: 8px; margin-bottom: 45px; } .card { background: #fff; padding: 45px 35px; border-radius: 40px; box-shadow: 0 20px 60px rgba(0,0,0,0.06); text-align: left; } .lbl { font-size: 10px; font-weight: 800; color: #bbb; text-transform: uppercase; margin-bottom: 10px; display: block; letter-spacing: 1.2px; } input { width: 100%; padding: 16px 22px; margin-bottom: 25px; border-radius: 18px; border: 1px solid #f0f0f0; background: #fcfcfc; box-sizing: border-box; font-size: 16px; outline: none; } .btn-go { width: 100%; padding: 20px; border: none; border-radius: 35px; background: linear-gradient(135deg, #f4511e, #d84315); color: white; font-weight: 800; font-size: 17px; cursor: pointer; box-shadow: 0 12px 25px rgba(216, 67, 21, 0.25); text-transform: uppercase; } .ft { margin-top: 60px; font-size: 10.5px; color: #cbd5e0; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; } </style> </head> <body> <div class='wrapper'> <div class='logo'>T</div> <h1>THIÊN VƯƠNG</h1> <div class='sub'>HỆ THỐNG QUẢN TRỊ THỊNH VƯỢNG</div> <div class='card'> <span class='lbl'>Tài khoản quản trị</span> <input type='text' placeholder='Nhập username...'> <span class='lbl'>Mật mã bảo mật</span> <input type='password' placeholder='••••••••'> <button class='btn-go'>VÀO HỆ THỐNG</button> </div> <div class='ft'>SECURE DIGITAL ASSET MANAGEMENT</div> </div> </body> </html>