Visual style library for AI-generated interfaces
Choose a named visual direction for a website or dashboard. Every style includes design tokens, component examples, Tailwind-ready constraints, and AI rules for implementation.
Start with a product scenario, then open a style to compare its palette, typography, component recipes, and AI implementation rules. Move from a visual direction to prompts or a runnable template when you are ready to build.
Tip: press / to focus search, and Esc to clear.
Scenario: Blog
Active filters: Scenario: Blog
23 results
Elegant magazine typography style with serif headings, sans-serif body text, refined whitespace and grid systems. Inspired by high-end fashion magazines and newspaper layouts. Warm cream background, soft black text, fine opacity hierarchy and animated underline interactions.
A design style rooted in traditional Chinese ink wash painting, creating ethereal moods through variations in ink density and moisture, with generous whitespace expressing 'vivid spirit resonance'. Ideal for cultural brands, tea ceremony, calligraphy, and Eastern aesthetics projects.
The typographic language of LaTeX academic papers, brought to the web: Computer Modern feel, centered title and abstract, hierarchically numbered sections, theorem environments, numbered equations, booktabs tables, and hanging-indent references. Built for research homepages, lecture notes, and scholarly portfolios.
A dark photography gallery portfolio: near-black canvases let full-bleed images command absolute attention; warm amber accents highlight metadata and captions while ultra-light typography retreats into the background. For photographers, filmmakers, and visual artists whose work speaks louder than chrome.