Вайбкодим как профессиональный веб-дизайнер: сделали промт для создания стиль | Нейросети Ai
Вайбкодим как профессиональный веб-дизайнер: сделали промт для создания стиль | Нейросети Ai
Вайбкодим как профессиональный веб-дизайнер: сделали промт для создания стильных веб-приложений с элементами необрутализма.
Сохраняйте:
### 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.
-------------
Бот сделает сайт с современным интерфейсом без типичного дизайна от ИИ. Работает при создании любого сервиса.
Тестируем в ChatGPT и других чат-ботах.
Сохраняйте:
### 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.
-------------
Бот сделает сайт с современным интерфейсом без типичного дизайна от ИИ. Работает при создании любого сервиса.
Тестируем в ChatGPT и других чат-ботах.
Открыть следующую запись
Посмотреть другие записи
Похожие группы
Бизнес наизнанку
Для предпринимателей, руководителей и самозанятых
Для предпринимателей, руководителей и самозанятых
Новости / BWeek News
Новостное сообщество 🌎
Новостное сообщество 🌎