یک صفحه وب ساده بسازید که شامل یک بخش هِرو با پس‌زمینهٔ گرادیانت خطی از گوشهٔ بالا سمت چپ به پایین راست بین دو یا سه رنگ باشد و متن سفید و مرکزچین روی آن قرار گیرد.

برای بخش هِرو از background: linear-gradient با جهت دلخواه (مثلاً 45deg) استفاده کنید و بین دو تا سه رنگ با نقاط رنگی متفاوت گرادیان بسازید تا عمق بیشتری بدهد. برای مرکزگذاری متن از display:flex همراه با align-items:center و justify-content:center استفاده کنید و height یا min-height مناسبی مانند 100vh تعیین کنید تا متن همیشه در مرکز قرار گیرد. رنگ متن را سفید نگه دارید و برای خوانایی بیشتر می‌توانید از یک سایه متن سبک استفاده کنید. همچنین به کنتراست رنگ و دسترسی‌پذیری توجه کنید و در صورت نیاز فِرَفت‌های سازگار با مرورگرهای قدیمی را در نظر بگیرید.