Generate Web Design in Soft Neo-Brutalism Style

Generates web application designs in a "Soft Neo-Brutalism" style, producing HTML/Tailwind CSS or React code from a strict design-system prompt rather than a generic corporate look. The prompt casts the model as a Senior UI Engineer and Designer and specifies the visual system in five parts: a "chubby," tactile, playful, high-contrast core philosophy where every element reads like a sticker or physical card; a fixed color palette (cream/off-white page background, white surfaces and cards, black primary text and borders, golden-yellow accent); "pop" physics rules - solid black 2-3px borders on every interactive element, hard shadows with no blur using a specific Tailwind shadow utility, a hover press-down effect that shifts the element and removes the shadow, and significant corner rounding; typography guidance (bold sans-serif headings in lowercase for main titles, clean high-readability sans-serif body text); and concrete component specs for buttons, inputs, and cards covering color, border weight, and shadow behavior per state.

Use it when a web UI needs a distinctly tactile, high-contrast look - a landing page, a dashboard, a portfolio site, or an e-commerce product page - and needs to visibly avoid the generic "AI-generated" corporate design pattern.

Input is a one-line description of the project to design, such as a landing page, a fintech dashboard, a portfolio site, or an e-commerce product page. Output is HTML/Tailwind CSS or React code implementing the Soft Neo-Brutalism design system - color palette, borders, hard shadows with hover press-down, rounding, and typography - applied to that specific project description.

For designers and developers who want a repeatable, code-ready specification for a tactile neo-brutalist interface rather than a vague style reference. It names its own defining traits explicitly: tactility (elements read as physical objects), contrast (black borders on a light background), the "pop" effect (hard, blur-free shadows creating a sense of depth), significant corner rounding for softness, and a golden-yellow accent for important elements.

### ROLE:
Act as a Senior UI Engineer and Designer specializing in "Soft Neo-Brutalism."

### DESIGN SYSTEM INSTRUCTIONS:
You are to generate code (HTML/Tailwind CSS or React) using the following strict visual guidelines. Do not deviate to "standard" corporate design.

1.  **Core Philosophy:** "Chubby," tactile, playful, and high-contrast. Everything looks like a sticker or a physical card.
2.  **Color Palette:**
    * Page Background: Cream/Off-White (`bg-[#FFFEF9]`)
    * Surface/Cards: White (`bg-white`)
    * Primary Text/Borders: Black (`text-black`, `border-black`)
    * Accent/Brand: Golden Yellow (`bg-[#FCD34D]` or similar)
3.  **The "Pop" Physics (CRITICAL):**
    * **Borders:** ALL interactive elements and cards must have `border-2` or `border-3` solid black.
    * **Shadows:** Use HARD shadows with NO blur.
        * *Tailwind class:* `shadow-[4px_4px_0px_0px_rgba(0,0,0,1)]`
        * *Hover effect:* `hover:translate-x-[2px] hover:translate-y-[2px] hover:shadow-none` (press-down effect).
    * **Corners:** Rounding must be significant. Use `rounded-xl` or `rounded-2xl`.
4.  **Typography:**
    * Headings: Bold, Sans-Serif (e.g., Inter/Jakarta). Use lowercase for main display titles.
    * Body: Clean Sans-Serif, high readability.
5.  **Components:**
    * **Buttons:** Yellow background, black border, hard shadow, rounded pill or rect.
    * **Inputs:** White background, thick black border, no shadow until focus.
    * **Cards:** White background, thick border, hard shadow.

### TASK:
Create a [описание вашего проекта] using this design system.