MAXIMAL

Diseño • Arte • Caos • Color

✦
★
☺

DISEÑO SIN REGLAS

Experimentación visual, tipografía gigante, colores vibrantes y composición caótica.

BRANDING

Identidades visuales únicas.

EDITORIAL

Diseño de libros y revistas.

WEB

Experiencias digitales.

*{ margin:0; padding:0; box-sizing:border-box; } body{ font-family:'Space Grotesk',sans-serif; background:#ffeb00; overflow-x:hidden; color:black; } .background{ position:fixed; width:100%; height:100%; background: radial-gradient(circle at 20% 20%,#ff0088 0%,transparent 30%), radial-gradient(circle at 80% 30%,#00e1ff 0%,transparent 35%), radial-gradient(circle at 50% 80%,#00ff95 0%,transparent 35%), linear-gradient(135deg,#ffeb00,#ff7a00); z-index:-1; } header{ padding:60px; text-align:center; } header h1{ font-family:'Bebas Neue'; font-size:160px; line-height:1; letter-spacing:8px; transform:rotate(-3deg); } header p{ font-size:30px; font-weight:bold; } .hero{ padding:80px; text-align:center; position:relative; } .hero h2{ font-size:90px; font-weight:900; line-height:0.9; margin-bottom:30px; } .hero p{ font-size:25px; max-width:700px; margin:auto; } button{ margin-top:40px; padding:20px 60px; font-size:25px; background:black; color:white; border:none; cursor:pointer; transform:rotate(-3deg); transition:.3s; } button:hover{ transform:scale(1.1) rotate(3deg); background:#ff0088; } .cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px; padding:80px; } .card{ background:white; padding:40px; border:6px solid black; transform:rotate(calc(-2deg + 4deg * var(--r))); box-shadow:15px 15px black; transition:.3s; } .card:nth-child(1){--r:0;} .card:nth-child(2){--r:1;} .card:nth-child(3){--r:2;} .card:hover{ transform:scale(1.05); } .card h3{ font-size:45px; margin-bottom:20px; } .sticker,.sticker2,.sticker3{ position:absolute; font-size:80px; animation:girar 8s linear infinite; } .sticker{ left:10%; top:10%; } .sticker2{ right:10%; top:25%; } .sticker3{ bottom:10%; left:20%; } footer{ padding:40px; text-align:center; font-size:20px; font-weight:bold; } @keyframes girar{ from{ transform:rotate(0); } to{ transform:rotate(360deg); } }