UI Components
Drop Cap Paragraph
A paragraph opener with an ornate oversized first letter, elegant serif typography, and baseline grid.
by mcpskills
Framework
reacttailwind
UI Library
content
Difficultybeginner
English Prompt
Create a premium drop cap paragraph component. Use an editorial article layout with generous line-height and a warm off-white background. The first paragraph begins with a dramatically oversized first letter (drop cap) that spans 3-4 lines, set in an elegant serif or decorative typeface, colored in a deep indigo or warm charcoal. The rest of the paragraph uses a readable serif body font with proper hyphenation and justification feel. Include a small subtle rule or ornament near the drop cap. Use no emojis. The design should evoke classic book typography reinterpreted for the web.
Chinese Prompt
创建一个高级下沉首字母段落组件。使用编辑式文章布局,行高宽松,背景为温暖的米白色。第一段以一个戏剧性的超大首字母(drop cap)开头,占据 3-4 行,使用优雅的衬线或装饰字体,颜色为深靛蓝或暖炭色。段落其余部分使用易读的衬线正文字体,具有适当的连字符和两端对齐感。在首字母附近添加一个小装饰线或装饰元素。不使用 emoji。设计应唤起经典书籍排版在网页上的重新诠释。

Ornate drop cap paragraph with oversized first letter and serif body.