Lumina — Neo-Brutalist SaaS Landing — Référence de design web et prompt

# LUMINA — NEO-BRUTALIST SAAS LANDING PAGE

> BUILD A SINGLE-PAGE, SELF-CONTAINED LANDING PAGE FOR A FICTIONAL CREATOR-OS SAAS CALLED **LUMINA**, REPRODUCED SAME-TO-SAME (PIXEL-FAITHFUL) FROM THE REFERENCE DRAFT. 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 VIBRANT NEO-BRUTALIST SAAS LANDING PAGE UTILIZING A DOMINANT `#FFE17C` YELLOW, DEEP CHARCOAL `#171E19`, AND SAGE `#B7C6C2` ACCENTS. IT FEATURES HIGH-CONTRAST BLACK BORDERS, HARD OFFSET SHADOWS, AND BOLD GEOMETRIC TYPOGRAPHY TO CONVEY PROFESSIONAL CONFIDENCE WITH A PLAYFUL EDGE.

## STYLE

THE STYLE IS A MODERN TAKE ON NEO-BRUTALISM. TYPOGRAPHY PAIRS THE HIGH-IMPACT **CABINET GROTESK** (WEIGHTS 400–900) FOR HEADINGS WITH **SATOSHI** (WEIGHTS 400–900) FOR READABILITY. THE PALETTE USES `#FFE17C` AS A PRIMARY BACKGROUND, BALANCED BY `#171E19` CHARCOAL AND `#B7C6C2` SAGE. VISUAL ELEMENTS ARE DEFINED BY 2PX SOLID BLACK BORDERS AND 4PX–8PX HARD SHADOWS (NO BLUR). MICRO-INTERACTIONS INVOLVE `TRANSLATE` EFFECTS ON HOVER WHERE BUTTONS MOVE 4PX TO 'FILL' THEIR SHADOW SPACE.