CURATED · OPEN · FREE

Seint Store

A functional, text-heavy directory site built on a standard blog template.

EditorialCleanConsumerLibraryReference

↓ Download design system (5 MB)Open in OpenDesign

Visit: https://seint.store

📦 Browse pack contents →

Identity DNA

informationaldirectorycontent-heavyutilitarianbasic

A basic WordPress blog template used for directory listings.

Color

#1e73beAccent

#222222Ink

#ffffffBG

#f7f8f9BG soft

rgba(240, 240, 240, 1.0)Line

Standard high-contrast web palette with a single functional blue accent.

Typography

system-ui

display35px · 700
body17px · 400

Base typography uses system UI fonts. · Bold weights are used extensively for keyword emphasis.

Spacing

4px

8px

16px

24px

32px

48px

Standard vertical rhythm primarily driven by browser defaults and basic padding values.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

1px solid #f0f0f0

Layout

1200container

12columns

20pxgutter

768 / 1024breakpoints

Standard two-column blog layout with a main content area and a sidebar on desktop.

Motion & Interaction

100msmicro

100mssmall

100msmedium

ease-in-outeasing

Subtle color transitions on interactive elements.

Color changes on links. · Standard default browser behavior.

Components

button Simple dark rectangular block buttons.
card None explicitly designed, just content sections.
chip None.
input Simple bordered input field with a label above it.
hero Basic image and text block without complex styling.

Voice & Don'ts

Tone Informational and utilitarian.
Headlines Direct and keyword-focused.
CTAs Simple and functional.

Don't use custom fonts — screenshot shows a standard system-ui stack.
Don't introduce complex border-radius — screenshot shows sharp, unrounded corners.
Don't use drop shadows — screenshot shows completely flat surfaces.
Don't apply colorful gradients — screenshot shows a plain white background.
Don't use complex animations — screenshot shows only simple hover transitions.
Don't use decorative illustrations — screenshot shows standard web text and a single image.
Avoid: Brand names
Avoid: Technical jargon
Avoid: Playful language

Inside the pack — real screenshots

Seint Store — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

This is a basic, text-heavy directory site built on a standard WordPress template (GeneratePress). The visual style is highly utilitarian and unstyled, relying on default browser font stacks (system-ui) and a high-contrast palette of white (#ffffff) and dark gray (#222222) with a single functional blue accent (#1e73be). The layout is a standard two-column structure with a main content area and a sidebar. Interactions are limited to simple hover color changes. Critical design constraints include: do not use custom fonts, avoid rounded corners or shadows, and do not add complex animations.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko