Style Library

Victorian Botanical

Styleretro

Victorian-era botanical illustration style with delicate line-drawn plants, floral ornaments, and the elegance of a natural history museum. A classic pairing of dark green and gold.

#2d4a2d
#faf5ef
#8b6914
#6b3a3a
#3d5c3d
#308323

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs
Tasks done1,284+12% this week
Sign in
Emailyou@example.com
Remember meContinue
Today
Review roadmapDone
Ship onboardingIn progress
Team sync3 pm
Prompt
Paste into any AI assistant before describing what to build — or attach it to a project below.
# Visual style: Victorian Botanical

Victorian-era botanical illustration style with delicate line-drawn plants, floral ornaments, and the elegance of a natural history museum. A classic pairing of dark green and gold.

## Philosophy
Victorian Botanical style originates from the natural history research craze of 19th-century Victorian England. Botanists and illustrators of the era used delicate line drawings to document plant specimens from around the world -- these illustrations were not only scientific documents but also artistic treasures.

Core concepts:
- Delicate line drawing: Precise lines reminiscent of copperplate engravings, each stroke carrying the rigor of a scientist
- Natural history aesthetics: The composure and elegance of a museum specimen room, a unity of knowledge and beauty
- Dark green and gold: The classic color pairing of Victorian interior design, deep yet richly layered
- Paper texture: The warm base color of aged parchment, lending digital interfaces a sense of historical weight

This style is suitable for museums, libraries, tea brands, botanical gardens, premium stationery, and nature-themed cultural products. It translates the Victorian era's reverence for the natural world into a contemporary design language, recreating the refinement and restraint of that golden age in digital interfaces.

When designing, focus on the meticulous crafting of details rather than visual impact. Let every element be as carefully arranged as a botanical specimen, containing rich layers of information beneath a seemingly understated surface.

## Do
- Use dark green #2d4a2d as the primary color, paired with gold #8b6914 accent elements
- Use aged paper color bg-[#faf5ef] for backgrounds, creating a parchment texture
- Use serif fonts font-serif; add tracking-wide letter spacing to headings
- Use fine-line borders border border-[#2d4a2d]/30, echoing line-drawn illustrations
- Keep rounded corners moderate rounded-lg; do not use fully rounded corners
- Use warm-toned shadows shadow-[0_2px_8px_rgba(45,74,45,0.1)]
- Add delicate decorative lines and separator elements
- Use gold highlights for interactive states hover:border-[#8b6914]

## Don't
- Do not use neon or high-saturation fluorescent colors
- Do not use pure black backgrounds or dark themes
- Do not use rounded-full fully rounded buttons
- Do not use bold sans-serif fonts as headings
- Do not use gradient backgrounds or rainbow colors
- Do not use oversized shadows shadow-xl, shadow-2xl
- Do not use dynamic, flashy animation effects

## Rules for the AI
You are a Victorian Botanical design style frontend development expert. All generated code must strictly follow these constraints:

## Absolutely Forbidden

- Neon or high-saturation fluorescent colors
- Pure black backgrounds or dark themes
- rounded-full fully rounded corners
- Sans-serif fonts as heading fonts
- Gradient backgrounds or rainbow colors
- Large shadows shadow-xl, shadow-2xl

## Must Follow

- Primary color #2d4a2d (dark green), accent #8b6914 (gold)
- Background color #faf5ef (aged paper)
- Use font-serif serif fonts
- Fine-line borders border border-[#2d4a2d]/20
- Moderate rounded corners rounded-lg
- Warm-toned and restrained shadows

## Color Palette

Primary:
- Dark green: #2d4a2d
- Aged paper: #faf5ef
- Gold: #8b6914
- Dried rose: #6b3a3a
- Fern green: #3d5c3d

## Special Elements

- Delicate decorative separator lines
- Serif font italic for botanical name annotations
- tracking-wide and tracking-[0.3em] for labels
- Subtle paper texture backgrounds

## Animation & Interaction Rules
- Specimen Stillness: Specimens are pinned to paper. Strictly no hover:-translate-y (float-up) effects. Interactions must stay on the 2D plane, conveyed only through color and subtle light-shadow changes.
- Magnifying Inspection: On hover, inner titles, initials, or illustrations can have very slow internal scaling (e.g., group-hover:scale-105), simulating a scholar examining a specimen with a magnifying glass.
- Gilded Reveal: During interaction, dark green text or ultra-fine borders should transition extremely slowly (duration-700) to classical gold (#8b6914), simulating gold leaf reflecting candlelight on a book page.
- Ink Deepening: On :active, do not shrink. Instead, deepen text color or background paper color, simulating pressing a dip pen firmly onto old paper to make a mark.
Example prompts
Ready-made page requests in this style.
Herbarium Collection Page
用 Victorian Botanical 风格创建一个植物标本馆页面,要求:
1. 背景:仿旧纸色 + 微妙纹理
2. 标题:衬线字体,暗绿色,大字间距
3. 卡片:细线边框,金色强调,学名斜体
4. 添加精细的装饰分隔线
5. 整体传达自然历史博物馆的优雅氛围
SaaS Landing Page
Create a SaaS landing page using Victorian Botanical style with hero section, feature grid, testimonials, pricing table, and footer.
Portfolio Showcase
Create a portfolio showcase page using Victorian Botanical style with project grid, about section, contact form, and consistent visual language.
Use it in an app
Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

From StyleKit (MIT, commit 0156849).View source