Design System
Salon Poster
Theatrical, public-facing, typographic, and event-driven.
What is Salon Poster for?
A public-facing poster language shaped by Belle Epoque announcements, theater bills, cabaret graphics, and early advertising.
Use Salon Poster when a website needs to feel Dramatic, Typographic, Illustrative and Event-driven while still supporting practical pages for Events, Performers, Venues, Campaign launches and Cultural programs. The system is designed for real commercial surfaces: reusable components, page sections, templates, prompt-tracked imagery, and documentation.
Primary package: @vui/design-salon-poster · Route: /design-systems/salon-poster
Character traits
- Dramatic
- Typographic
- Illustrative
- Event-driven
Best uses
- Events
- Performers
- Venues
- Campaign launches
- Cultural programs
Visual language and examples
Visual language
- Catalogue hero and cultural venue preview.
Examples
- Catalogue previewA compact preview card for the design-system index.
Reference library
Salon Poster translates Belle Epoque posters, cabaret advertising, theatre bills, and color lithography into campaign pages where image, title, and logistics are immediately readable.
Research links
- Milwaukee Art Museum: Always New, The Posters of Jules CheretReference for large-scale advertising, music halls, theatres, fashion, press, travel, and consumer products.
- The Met: Henri de Toulouse-LautrecReference for modern printmaking, nightlife culture, performer identity, cropping, silhouettes, and flat color.
- V&A: Theatre posters, an illustrated historyReference for theatre posters as campaign tools built around a compelling image.
- Mucha Foundation: Art PostersReference for decorative commercial posters becoming collectible, reusable visual systems.
- Van Gogh Museum: Poster for the tour of Le Chat NoirReference for Steinlen, cabaret poster atmosphere, and iconic graphic reduction.
Representative artists
- Jules CheretLithographer and poster designer · 1860s-1920s. Use for bright public advertising, hand-lettered energy, and entertainment-poster composition.
- Henri de Toulouse-LautrecPainter, printmaker, and poster artist · 1890s. Use for performer identity, flattened color, cropping, silhouettes, and nightlife hierarchy.
- Alphonse MuchaPoster artist and decorative designer · 1890s-1930s. Use for decorative panel posters and commercial art with memorable public identity.
- Theophile-Alexandre SteinlenIllustrator and poster artist · 1890s-1910s. Use for iconic cabaret reduction, strong silhouette, and atmospheric animal/venue identity.
Work gallery
- Camille Stefani, pl. 93Jules Cheret, 1890s. A reference for Belle Epoque advertising with figure, lettering, and public announcement energy.
- Divan JaponaisHenri de Toulouse-Lautrec, 1892-1893. A reference for cropped composition, celebrity-like performer framing, and flat poster color.
- Art PostersAlphonse Mucha, 1895-1900 focus. A reference for decorative commercial panels that become reusable campaign atmosphere.
- Poster for the tour of Le Chat NoirTheophile-Alexandre Steinlen, 1896. A reference for an instantly legible mascot, venue identity, and two-color poster strength.
Implementation primitives
- Poster-scale display type
- Strong title blocks
- Ornamental section headers
- Framed hero compositions
- Ticket and bill motifs
NPM package
Import from @vui/design-salon-poster.
Need package-specific docs and tokens? Use the package entrypoint in @vui/design-salon-poster.
Generated visual library
Visual notebook for Salon Poster
A working notebook of scenes, page plates, component specimens, material swatches, and reusable parts. Each group is placed by how it would be used in a real website, not by file count.
- 8Showcase scenesRead these as the destination: the business surface that proves the style can hold real hospitality, retail, or cultural content.
- 5Template previewsThese plates show page rhythm. The notebook keeps them larger so hierarchy, repeated sections, and commercial structure are legible.
- 5Component detailsComponents are the specimen drawer: controls, badges, plaques, labels, and navigation fragments that can be reused without turning into decoration.
- 5Material texturesTextures are not hero art. They sit like material swatches: quiet, repeatable, and close enough to judge surface quality.
- 25Cutouts and decoratorsDecorators are parts, not thumbnails. Corners, dividers, seals, tabs, and frames are placed by job so their use in a composition is easier to understand.
- 3Campaign platesCampaign pieces behave like public posters and launch cards: more theatrical, more vertical, and separated from reusable component parts.
- 2Responsive previewsResponsive previews are proof notes. They are grouped as device evidence rather than treated as another decorative image.
- 1Moodboard platesMoodboard plates summarize the period vocabulary: materials, type, color, and framing logic in one reference sheet.
8 specimens
Showcase scenes
Read these as the destination: the business surface that proves the style can hold real hospitality, retail, or cultural content.
Finished business scenes and hero imagery that show the design system in commercial context.
- Why it exists
- These scenes prove the style can carry a real service, product, or venue without becoming loose decoration.
- Feeling
- Immediate, inhabitable, and commercial: the visitor should feel the business could launch from this surface.
- Role
- Showcase scenes
- Count
- 8
5 more prompt-tracked specimens
- Reservation counter scene for theatre cafe and supper menu campaign pagesBusiness Scene
- Restaurant menu launch table scene for website hero and story sectionsBusiness Scene
- Public-facing theatre cafe exterior display for campaign and responsive catalogue imageryBusiness Scene
- Supper club bar scene for Belle Epoque hospitality templatesBusiness Scene
- Kitchen pass and menu-card production scene for restaurant workflow sectionsBusiness Scene
5 specimens
Template previews
These plates show page rhythm. The notebook keeps them larger so hierarchy, repeated sections, and commercial structure are legible.
Full-page and saleable template compositions for evaluating page structure and visual rhythm.
- Why it exists
- These previews explain how the style becomes a complete page system with repeated sections and hierarchy.
- Feeling
- Ordered and evaluative: the page rhythm should feel clear enough for pricing, booking, browsing, or inquiry.
- Role
- Template previews
- Count
- 5
2 more prompt-tracked specimens
- Mobile-first restaurant campaign template preview for responsive gallery usageTemplate Preview
- Dessert supper menu campaign website preview for restaurant and event templatesTemplate Preview
5 specimens
Component details
Components are the specimen drawer: controls, badges, plaques, labels, and navigation fragments that can be reused without turning into decoration.
Closeups of buttons, labels, menus, plaques, cards, and other interface parts.
- Why it exists
- These specimens show how the period becomes interface decisions at button, label, card, and navigation scale.
- Feeling
- Precise and reusable: each part should feel like it belongs in a kit, not like a pasted ornament.
- Role
- Component details
- Count
- 5
1 more prompt-tracked specimens
- Venue gallery and campaign-card component details for theatre restaurant pagesComponent Detail
5 specimens
Material textures
Textures are not hero art. They sit like material swatches: quiet, repeatable, and close enough to judge surface quality.
Reusable paper, lacquer, label stock, grid, linework, and surface treatments.
- Why it exists
- These materials hold the sensory layer behind the system so surfaces stay consistent across sections.
- Feeling
- Tactile but restrained: texture should support reading and atmosphere without becoming the main event.
- Role
- Material textures
- Count
- 5
2 more prompt-tracked specimens
- Black lithographic ink texture for borders and theatre-bill panelsMaterial Texture
- Subtle course-divider ornament texture for menu-card backgrounds and panelsMaterial Texture
25 specimens
Cutouts and decorators
Decorators are parts, not thumbnails. Corners, dividers, seals, tabs, and frames are placed by job so their use in a composition is easier to understand.
Transparent ornaments, frames, labels, branches, seals, markers, and reusable object accents.
- Why it exists
- These parts give designers reusable accents that can sit around real text, images, and controls.
- Feeling
- Decorative with discipline: the object should add period character while leaving live content in control.
- Role
- Cutouts and decorators
- Count
- 25
20 more prompt-tracked specimens
- Salon Poster cabaret ticket stub for event cards and pricing panelsTransparent Decorator
- Salon Poster theatre program seal for campaign sections and artist cardsTransparent Decorator
- Reusable isolated theatrical ticket badge for Belle Epoque Menu Card pages, previews, and UI compositionsCutout Ornament
- Reusable isolated ticket-badge ornament for Belle Epoque Menu Card pages, previews, and UI compositionsCutout Ornament
- Reusable isolated menu seal ornament for Belle Epoque Menu Card pages, previews, and UI compositionsCutout Ornament
- Reusable isolated announcement-band ornament for Belle Epoque Menu Card pages, previews, and UI compositionsCutout Ornament
- Belle Epoque course divider for menu launches, theatre cafe cards, and event supper sectionsCutout Ornament
- Ticket-corner ornament for poster menus, campaign cards, and theatrical offer modulesCutout Ornament
- Menu header band for restaurant menu launches and theatre cafe hero sectionsCutout Ornament
- Price rosette for supper offers, menu price highlights, and campaign modulesCutout Ornament
- Supper ticket stub for event booking rows, menu reservations, and limited-time offersCutout Ornament
- Vertical course marker for chaptering restaurant menus and supper event cardsCutout Ornament
- Announcement plaque for restaurant menu launches, supper campaigns, and theatre cafe headersCutout Ornament
- Reservation badge for event supper booking CTAs, limited offers, and menu highlightsCutout Ornament
- Course tab for restaurant course sections, supper cards, and menu chapteringCutout Ornament
- Theatre corner for poster menu cards, campaign panels, and event supper framesCutout Ornament
- Supper rosette for restaurant menu sections, supper highlights, and event dining cardsCutout Ornament
- Course ribbon for restaurant course dividers, supper cards, and announcement bandsCutout Ornament
- Ticket frame for supper tickets, theatre cafe panels, poster menu cards, and campaign framesCutout Ornament
- Dining seal for menu launch cards, reservation modules, and theatrical supper badgesCutout Ornament
3 specimens
Campaign plates
Campaign pieces behave like public posters and launch cards: more theatrical, more vertical, and separated from reusable component parts.
Posters, launch images, menu cards, announcement surfaces, and social campaign material.
- Why it exists
- These pieces test whether the style can handle announcements, offers, launches, and seasonal messages.
- Feeling
- Public and promotional: louder than components, but still visibly tied to the same design system.
- Role
- Campaign plates
- Count
- 3
2 specimens
Responsive previews
Responsive previews are proof notes. They are grouped as device evidence rather than treated as another decorative image.
Mobile, tablet, and device previews that prove the design language works across viewports.
- Why it exists
- These previews prove the system can move from desktop atmosphere into practical mobile evaluation.
- Feeling
- Stable and reassuring: identity should survive the smaller frame without losing hierarchy.
- Role
- Responsive previews
- Count
- 2
1 specimen
Moodboard plates
Moodboard plates summarize the period vocabulary: materials, type, color, and framing logic in one reference sheet.
Curated plates that summarize the period mood, materials, type, and layout references.
- Why it exists
- These plates establish the vocabulary that keeps generated imagery, materials, and components coherent.
- Feeling
- Editorial and connective: the plate should explain why the group belongs together before any single specimen is judged.
- Role
- Moodboard plates
- Count
- 1
Prompt-tracked inventory list
Showcase scenes
- catalogue hero and cultural venue template preview
- event and campaign template preview
- Theatre cafe restaurant launch scene for Belle Epoque Menu Card catalogue, landing, and gallery surfaces
- Reservation counter scene for theatre cafe and supper menu campaign pages
- Restaurant menu launch table scene for website hero and story sections
- Public-facing theatre cafe exterior display for campaign and responsive catalogue imagery
- Supper club bar scene for Belle Epoque hospitality templates
- Kitchen pass and menu-card production scene for restaurant workflow sections
Template previews
- Full landing page template preview for theatre cafe supper menu campaign kit
- Restaurant menu-card detail page template preview for saleable kit gallery
- Event supper landing page preview for public campaign surfaces
- Mobile-first restaurant campaign template preview for responsive gallery usage
- Dessert supper menu campaign website preview for restaurant and event templates
Component details
- Component sheet for menu-card buttons, tickets, dividers, and framed placeholders
- Reservation module close-up for theatre cafe booking components
- Menu course component close-up for restaurant course modules
- Call-to-action and ticket control detail for reservation surfaces
- Venue gallery and campaign-card component details for theatre restaurant pages
Material textures
- poster paper and announcement panel texture
- Warm ivory poster-paper texture for Belle Epoque Menu Card backgrounds
- Red lithographic ink texture for poster bands and menu-card accents
- Black lithographic ink texture for borders and theatre-bill panels
- Subtle course-divider ornament texture for menu-card backgrounds and panels
Cutouts and decorators
- reusable ticket badge and event accent
- Salon Poster ticket rosette label for event cards
- Salon Poster announcement band for campaign headings
- Salon Poster theatre medallion ornament
- Salon Poster billboard ribbon for campaign CTAs and announcement headers
- Salon Poster cabaret ticket stub for event cards and pricing panels
- Salon Poster theatre program seal for campaign sections and artist cards
- Reusable isolated theatrical ticket badge for Belle Epoque Menu Card pages, previews, and UI compositions
- Reusable isolated ticket-badge ornament for Belle Epoque Menu Card pages, previews, and UI compositions
- Reusable isolated menu seal ornament for Belle Epoque Menu Card pages, previews, and UI compositions
- Reusable isolated announcement-band ornament for Belle Epoque Menu Card pages, previews, and UI compositions
- Belle Epoque course divider for menu launches, theatre cafe cards, and event supper sections
- Ticket-corner ornament for poster menus, campaign cards, and theatrical offer modules
- Menu header band for restaurant menu launches and theatre cafe hero sections
- Price rosette for supper offers, menu price highlights, and campaign modules
- Supper ticket stub for event booking rows, menu reservations, and limited-time offers
- Vertical course marker for chaptering restaurant menus and supper event cards
- Announcement plaque for restaurant menu launches, supper campaigns, and theatre cafe headers
- Reservation badge for event supper booking CTAs, limited offers, and menu highlights
- Course tab for restaurant course sections, supper cards, and menu chaptering
- Theatre corner for poster menu cards, campaign panels, and event supper frames
- Supper rosette for restaurant menu sections, supper highlights, and event dining cards
- Course ribbon for restaurant course dividers, supper cards, and announcement bands
- Ticket frame for supper tickets, theatre cafe panels, poster menu cards, and campaign frames
- Dining seal for menu launch cards, reservation modules, and theatrical supper badges
Campaign plates
- Vertical campaign poster image for theatre supper menu launch marketing surfaces
- Square social launch card for theatre cafe menu campaign
- Horizontal announcement banner for restaurant menu-card launch pages
Responsive previews
- Desktop and mobile responsive preview for theatre cafe menu campaign kit
- Tablet and phone responsive booking-flow preview for menu browsing and reservation states
Moodboard plates
- Curated Belle Epoque Menu Card material, hierarchy, and campaign atmosphere plate for visual library review
Other design systems
Return to homepageRoute: /design-systems/salon-poster