Flux — High-Contrast Editorial SaaS — Référence de design web et prompt

# FLUX — HIGH-CONTRAST EDITORIAL B2C SAAS LANDING PAGE

> BUILD A SINGLE-PAGE, SELF-CONTAINED MARKETING LANDING PAGE FOR A FICTIONAL CREATOR / SMALL-BUSINESS OS SAAS CALLED **FLUX**, REPRODUCED SAME-TO-SAME (PIXEL-FAITHFUL) FROM THE REFERENCE DRAFT AT `HTTPS://P.SUPERDESIGN.DEV/DRAFT/3A225447-518B-4E0D-99AE-FD9504B34B59`. SHIP IT AS PLAIN STATIC HTML + CSS + A SMALL AMOUNT OF VANILLA JS, RUNNABLE OFFLINE WITH ALL FONTS VENDORED LOCALLY. NO BUILD STEP REQUIRED.

## SUMMARY

A BOLD, MODERN B2C SAAS LANDING PAGE WITH A HIGH-CONTRAST EDITORIAL FEEL. THE DESIGN USES AGGRESSIVE DISPLAY TYPOGRAPHY (**ANTON**) PAIRED WITH CLEAN SANS-SERIF BODY TEXT (**SATOSHI**), EMPLOYING A PALETTE OF GOLDEN-YELLOW HIGHLIGHTS AGAINST CHARCOAL AND WHITE BACKGROUNDS. IT FEATURES A GRID-PATTERNED HERO SECTION, HIGH-CONTRAST PROBLEM/SOLUTION BLOCKS, AND A BENTO-STYLE FEATURE GRID.

## STYLE

BRUTALIST-LITE SAAS AESTHETIC. KEY ELEMENTS: MASSIVE DISPLAY FONTS (8XL–9XL), A GRID-BASED BACKGROUND (LINEAR-GRADIENT WITH 40PX SPACING), AND A STRATEGIC USE OF `#FFE17C` (GOLDEN YELLOW) FOR HIGHLIGHTS AND PRIMARY CTAS. TYPOGRAPHY PAIRS THE HEAVY WEIGHT OF **ANTON** WITH THE SOPHISTICATED VERSATILITY OF **SATOSHI**. COLORS: `#171E19` (CHARCOAL), `#272727` (DARK GRAY), `#B7C6C2` (SAGE), AND `#FFFFFF` (WHITE).