在 X 上看到一个好看的Web页面设计Prompt

2026-04-11 11:250阅读0评论SEO资源

内容介绍
文章标签
相关推荐

问题描述：

这是我根据那个提示词，用Google的 stitch 做出来的页面效果，我觉得还挺好看的，感兴趣的可以试一下

258bcfb649d79c14ba3076343f62adf71920×7188 830 KB

提示词:

Build a single-page landing page for an AI-powered web design agency using React + Vite + TypeScript + Tailwind CSS + shadcn/ui. The aesthetic is dark, premium, Apple-inspired with a custom "liquid glass" morphism effect. Pure black background throughout. FONTS & DESIGN SYSTEM Google Fonts import: Instrument Serif (italic) — headings Barlow (300, 400, 500, 600) — body text Tailwind config — extend fontFamily: heading: ["'Instrument Serif'", "serif"] body: ["'Barlow'", "sans-serif"] CSS Variables (:root in index.css): --background: 213 45% 67%; --foreground: 0 0% 100%; --primary: 0 0% 100%; --primary-foreground: 213 45% 67%; --border: 0 0% 100% / 0.2; --radius: 9999px; --font-heading: 'Instrument Serif', serif; --font-body: 'Barlow', sans-serif; All headings use: font-heading italic text-white tracking

阅读全文

标签：纯水

问题描述：
这是我根据那个提示词，用Google的 stitch 做出来的页面效果，我觉得还挺好看的，感兴趣的可以试一下
258bcfb649d79c14ba3076343f62adf71920×7188 830 KB
提示词:
Build a single-page landing page for an AI-powered web design agency using React + Vite + TypeScript + Tailwind CSS + shadcn/ui. The aesthetic is dark, premium, Apple-inspired with a custom "liquid glass" morphism effect. Pure black background throughout.

FONTS & DESIGN SYSTEM
Google Fonts import:

Instrument Serif (italic) — headings
Barlow (300, 400, 500, 600) — body text
Tailwind config — extend fontFamily:

heading: ["'Instrument Serif'", "serif"]
body: ["'Barlow'", "sans-serif"]
CSS Variables (:root in index.css):

--background: 213 45% 67%;
--foreground: 0 0% 100%;
--primary: 0 0% 100%;
--primary-foreground: 213 45% 67%;
--border: 0 0% 100% / 0.2;
--radius: 9999px;
--font-heading: 'Instrument Serif', serif;
--font-body: 'Barlow', sans-serif;
All headings use: font-heading italic text-white tracking

阅读全文

标签：纯水

相关推荐

相关推荐

`相关推荐`

`相关推荐`