Design System
Arc Deco
Geometric, balanced, quietly luxurious.
What is Arc Deco for?
A restrained interpretation of Art Deco, Classic Moderne, luxury print systems, theater architecture, and geometric ornament.
Use Arc Deco when a website needs to feel Precise, Symmetrical, Geometric, Luxurious and Digital-ready while still supporting practical pages for Hotels, Restaurants, Fashion, Cultural venues and Premium services. The system is designed for real commercial surfaces: reusable components, page sections, templates, prompt-tracked imagery, and documentation.
Primary package: @vui/design-arc-deco · Route: /design-systems/arc-deco
Character traits
- Precise
- Symmetrical
- Geometric
- Luxurious
- Digital-ready
Best uses
- Hotels
- Restaurants
- Fashion
- Cultural venues
- Premium services
Visual language and examples
Visual language
- Homepage and Arc Deco catalogue hero preview.
- Prompt-tracked showcase image for live website previews.
Examples
- Catalogue previewA compact preview card for the design-system index.
- Landing pageA full first-screen composition for premium cultural sites.
Reference library
Arc Deco uses Art Deco as a structural language: geometry, machine-age confidence, polished material cues, and restrained luxury translated into usable web hierarchy.
Research links
- V&A: An introduction to Art DecoBaseline overview for Art Deco as a synthesis of historic, avant-garde, ancient, folk, and machine-age sources.
- Britannica: Art DecoConcise reference for streamlined geometry, stylized ornament, manufactured materials, and the 1925 Paris exposition.
- The Met: French Art DecoUseful for the French luxury and classicizing side of Art Deco, including the 1930s shift away from heavy decorative richness.
- MoMA: A. M. Cassandre collectionPoster and transport graphics reference for bold geometry, scale, and modern commercial communication.
- The Met: Ruhlmann, Genius of Art DecoInterior and furniture reference for refined materials, craft, and controlled glamour.
Representative artists
- A. M. CassandrePoster designer and typographer · 1920s-1930s. Use for monumental type-image composition, travel-poster clarity, and geometric commercial drama.
- Eileen GrayArchitect and designer · 1920s-1930s. Use for Art Deco crossing into modern domestic utility, lacquer, furniture, and elegant functional objects.
- Emile-Jacques RuhlmannFurniture and interior designer · 1910s-1930s. Use for material refinement, full interior systems, and luxury that depends on proportion more than noise.
- Jean DespresJewelry and metalwork designer · 1920s-1930s. Use for machine-age metal detail, jewelry-scale ornament, and hard-edged accent language.
Work gallery
- NormandieA. M. Cassandre, 1935. A model for one dominant silhouette, monumental scale, and crisp travel-era typography.
- Extendable Table from E-1027Eileen Gray, c. 1930. A reference for Deco-modern usefulness: spare geometry with precise functional intent.
- Etat CabinetEmile-Jacques Ruhlmann, 1925. A reference for symmetry, material contrast, and ornamental restraint around a strong object shape.
- BroochJean Despres, 1930s. A reference for metallic accent details that feel engineered rather than glittery.
Implementation primitives
- Stepped borders
- Balanced corner ornaments
- Fan and sunburst motifs
- Thin-to-medium rules
- Tall display typography
NPM package
Import from @vui/design-arc-deco.
Need package-specific docs and tokens? Use the package entrypoint in @vui/design-arc-deco.
Generated visual library
Visual notebook for Arc Deco
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.
- 15Showcase scenesRead these as the destination: the business surface that proves the style can hold real hospitality, retail, or cultural content.
- 10Template previewsThese plates show page rhythm. The notebook keeps them larger so hierarchy, repeated sections, and commercial structure are legible.
- 10Component detailsComponents are the specimen drawer: controls, badges, plaques, labels, and navigation fragments that can be reused without turning into decoration.
- 9Material texturesTextures are not hero art. They sit like material swatches: quiet, repeatable, and close enough to judge surface quality.
- 33Cutouts 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.
- 6Campaign platesCampaign pieces behave like public posters and launch cards: more theatrical, more vertical, and separated from reusable component parts.
- 4Responsive previewsResponsive previews are proof notes. They are grouped as device evidence rather than treated as another decorative image.
- 2Moodboard platesMoodboard plates summarize the period vocabulary: materials, type, color, and framing logic in one reference sheet.
15 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
- 15
12 more prompt-tracked specimens
- Burgundy Gilded Salon private dining website hero business sceneBusiness Scene
- Burgundy Gilded Salon boutique hotel lounge arrival business sceneBusiness Scene
- Burgundy Gilded Salon ceremonial booking and member-service desk sceneBusiness Scene
- Burgundy Gilded Salon evening lounge menu and reservation business sceneBusiness Scene
- Burgundy Gilded Salon luxury consultation and service-package business sceneBusiness Scene
- Burgundy Gilded Salon event supper and invitation business sceneBusiness Scene
- Luxury patisserie retail counter scene for catalogue, landing, and gallery usageBusiness Scene
- Boxed gifting consultation scene for premium retail and service pagesBusiness Scene
- Dessert bar service scene for restaurant and patisserie website sectionsBusiness Scene
- Premium boxed gifting and pickup workflow scene for story sectionsBusiness Scene
- Commercial menu launch scene for premium patisserie hero and campaign modulesBusiness Scene
- Production-to-retail workflow scene for website story sectionsBusiness Scene
10 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
- 10
7 more prompt-tracked specimens
- Burgundy Gilded Salon ceremonial event booking and invitation template previewTemplate Preview
- Burgundy Gilded Salon premium consultation and service-package template previewTemplate Preview
- Full landing page template preview for premium patisserie retail website kitTemplate Preview
- Product catalogue template preview for pastry collections and boxed giftingTemplate Preview
- Boxed gifting campaign template preview for premium patisserie retailTemplate Preview
- Dessert bar booking template preview for tasting menus and premium eventsTemplate Preview
- Mobile-first order template preview for premium patisserie retailTemplate Preview
10 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
- 10
6 more prompt-tracked specimens
- Burgundy Gilded Salon timelines, process steps, status rows, metadata cards, accordions, and notificationsComponent Detail
- Component sheet for product cards, labels, buttons, and gifting modulesComponent Detail
- Reservation and order form component close-up for premium patisserie workflowsComponent Detail
- Product card and boxed gift module detail for retail surfacesComponent Detail
- Tasting-card and menu module detail for dessert bar pagesComponent Detail
- Small-screen component detail for patisserie shopping and bookingComponent Detail
9 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
- 9
6 more prompt-tracked specimens
- Burgundy Gilded Salon muted antique brass separator and rule textureMaterial Texture
- Burgundy Gilded Salon smoky mirror-glass and dark lacquer panel textureMaterial Texture
- Black lacquer and restrained brass texture for dark Arc Deco patisserie surfacesMaterial Texture
- Warm ivory menu-card paper texture for light patisserie surfacesMaterial Texture
- Muted burgundy lacquer texture for campaign bands and cardsMaterial Texture
- Glass-counter reflection texture for cards and gallery surfacesMaterial Texture
33 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
- 33
28 more prompt-tracked specimens
- Arc Deco ticket-window corner ornament for hotel/theatre reservation panelsTransparent Decorator
- Arc Deco brass menu divider for restaurant section headersTransparent Decorator
- Arc Deco blank lacquer CTA plaque behind live button, price, or booking textTransparent Decorator
- Arc Deco hospitality service medallion for hero and feature-card accentsTransparent Decorator
- Reusable isolated plaque ornament for Burgundy Gilded Salon pages, previews, and UI compositionsCutout Ornament
- Reusable isolated salon mirror-frame ornament for Burgundy Gilded Salon pages, previews, and UI compositionsCutout Ornament
- Reusable isolated salon tier badge ornament for Burgundy Gilded Salon pages, previews, and UI compositionsCutout Ornament
- Reusable isolated booking-divider ornament for Burgundy Gilded Salon pages, previews, and UI compositionsCutout Ornament
- Burgundy mirror-frame booking corner for reservation cards, premium panels, and ceremony CTAsCutout Ornament
- Laurel booking divider for premium service rows, ceremony separators, and formal offer bandsCutout Ornament
- Reusable isolated patisserie label frame for Art Deco Patisserie pages, previews, and UI compositionsCutout Ornament
- Reusable isolated gift-box plaque ornament for Art Deco Patisserie pages, previews, and UI compositionsCutout Ornament
- Reusable isolated pastry-vitrine corner ornament for Art Deco Patisserie pages, previews, and UI compositionsCutout Ornament
- Reusable isolated box-selector medallion ornament for Art Deco Patisserie pages, previews, and UI compositionsCutout Ornament
- Glass-counter brass corner for premium patisserie cards, gift boxes, and retail theatre panelsCutout Ornament
- Premium gift plaque for boxed-dessert CTAs, product labels, and reservation modulesCutout Ornament
- Circular pastry seal for dessert categories, boxed gift badges, and premium retail highlightsCutout Ornament
- Pastry ticket for premium dessert labels, boxed-gift rows, and counter cardsCutout Ornament
- Boxed-gift corner for premium product cards, dessert packaging modules, and retail panelsCutout Ornament
- Counter divider for glass-counter categories, pastry display rows, and premium retail modulesCutout Ornament
- Dessert card frame for premium product cards, boxed gift panels, and patisserie retail modulesCutout Ornament
- Delivery ribbon for boxed gifting, premium delivery CTA rows, and patisserie service stripsCutout Ornament
- Premium badge for dessert highlights, boxed gift badges, and retail feature cardsCutout Ornament
- Cake counter tab for pastry display rows, retail categories, and premium counter cardsCutout Ornament
- Product ticket for pastry retail cards, menu items, and premium display labelsCutout Ornament
- Gift box frame for boxed patisserie modules, product image slots, and premium gifting cardsCutout Ornament
- Service medallion for dessert bar booking, boxed gifting highlights, and premium service badgesCutout Ornament
- Menu divider for patisserie menu sections, product rows, and premium category separatorsCutout Ornament
6 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
- 6
3 more prompt-tracked specimens
- Vertical campaign card for luxury patisserie collection launchCampaign plate
- Square campaign card for premium boxed patisserie giftingCampaign plate
- Horizontal campaign banner for premium patisserie website hero and seasonal launchCampaign plate
4 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
- 4
1 more prompt-tracked specimens
- Tablet and phone responsive preview for boxed gifting and dessert bar booking pagesResponsive Preview
2 specimens
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
- 2
Prompt-tracked inventory list
Showcase scenes
- catalogue hero and boutique hotel template preview
- restaurant and bar template preview
- homepage and Arc Deco catalogue hero preview
- Burgundy Gilded Salon private dining website hero business scene
- Burgundy Gilded Salon boutique hotel lounge arrival business scene
- Burgundy Gilded Salon ceremonial booking and member-service desk scene
- Burgundy Gilded Salon evening lounge menu and reservation business scene
- Burgundy Gilded Salon luxury consultation and service-package business scene
- Burgundy Gilded Salon event supper and invitation business scene
- Luxury patisserie retail counter scene for catalogue, landing, and gallery usage
- Boxed gifting consultation scene for premium retail and service pages
- Dessert bar service scene for restaurant and patisserie website sections
- Premium boxed gifting and pickup workflow scene for story sections
- Commercial menu launch scene for premium patisserie hero and campaign modules
- Production-to-retail workflow scene for website story sections
Template previews
- Burgundy Gilded Salon private dining full-page template preview
- Burgundy Gilded Salon boutique hotel lounge and ceremonial booking template preview
- Burgundy Gilded Salon premium members club and hosted-service template preview
- Burgundy Gilded Salon ceremonial event booking and invitation template preview
- Burgundy Gilded Salon premium consultation and service-package template preview
- Full landing page template preview for premium patisserie retail website kit
- Product catalogue template preview for pastry collections and boxed gifting
- Boxed gifting campaign template preview for premium patisserie retail
- Dessert bar booking template preview for tasting menus and premium events
- Mobile-first order template preview for premium patisserie retail
Component details
- Burgundy Gilded Salon buttons, badges, plaques, cards, and CTA component board
- Burgundy Gilded Salon booking forms, date selectors, inputs, dropdowns, and validation states
- Burgundy Gilded Salon navigation, menus, tabs, breadcrumbs, dropdowns, and command rows
- Burgundy Gilded Salon pricing/package cards, service tiers, trust plaques, and comparison rows
- Burgundy Gilded Salon timelines, process steps, status rows, metadata cards, accordions, and notifications
- Component sheet for product cards, labels, buttons, and gifting modules
- Reservation and order form component close-up for premium patisserie workflows
- Product card and boxed gift module detail for retail surfaces
- Tasting-card and menu module detail for dessert bar pages
- Small-screen component detail for patisserie shopping and booking
Material textures
- subtle background texture for Arc Deco surfaces
- Burgundy Gilded Salon deep burgundy lacquer and gilt panel texture for interface surfaces
- Burgundy Gilded Salon ivory menu-card stock texture for card and panel surfaces
- Burgundy Gilded Salon muted antique brass separator and rule texture
- Burgundy Gilded Salon smoky mirror-glass and dark lacquer panel texture
- Black lacquer and restrained brass texture for dark Arc Deco patisserie surfaces
- Warm ivory menu-card paper texture for light patisserie surfaces
- Muted burgundy lacquer texture for campaign bands and cards
- Glass-counter reflection texture for cards and gallery surfaces
Cutouts and decorators
- reusable ornamental frame corner or panel accent
- Arc Deco stepped brass corner ornament for panel frames
- Arc Deco sunburst divider for section headers
- Arc Deco blank reservation plaque behind live text
- Arc Deco fan corner ornament
- Arc Deco ticket-window corner ornament for hotel/theatre reservation panels
- Arc Deco brass menu divider for restaurant section headers
- Arc Deco blank lacquer CTA plaque behind live button, price, or booking text
- Arc Deco hospitality service medallion for hero and feature-card accents
- Reusable isolated plaque ornament for Burgundy Gilded Salon pages, previews, and UI compositions
- Reusable isolated salon mirror-frame ornament for Burgundy Gilded Salon pages, previews, and UI compositions
- Reusable isolated salon tier badge ornament for Burgundy Gilded Salon pages, previews, and UI compositions
- Reusable isolated booking-divider ornament for Burgundy Gilded Salon pages, previews, and UI compositions
- Burgundy mirror-frame booking corner for reservation cards, premium panels, and ceremony CTAs
- Laurel booking divider for premium service rows, ceremony separators, and formal offer bands
- Reusable isolated patisserie label frame for Art Deco Patisserie pages, previews, and UI compositions
- Reusable isolated gift-box plaque ornament for Art Deco Patisserie pages, previews, and UI compositions
- Reusable isolated pastry-vitrine corner ornament for Art Deco Patisserie pages, previews, and UI compositions
- Reusable isolated box-selector medallion ornament for Art Deco Patisserie pages, previews, and UI compositions
- Glass-counter brass corner for premium patisserie cards, gift boxes, and retail theatre panels
- Premium gift plaque for boxed-dessert CTAs, product labels, and reservation modules
- Circular pastry seal for dessert categories, boxed gift badges, and premium retail highlights
- Pastry ticket for premium dessert labels, boxed-gift rows, and counter cards
- Boxed-gift corner for premium product cards, dessert packaging modules, and retail panels
- Counter divider for glass-counter categories, pastry display rows, and premium retail modules
- Dessert card frame for premium product cards, boxed gift panels, and patisserie retail modules
- Delivery ribbon for boxed gifting, premium delivery CTA rows, and patisserie service strips
- Premium badge for dessert highlights, boxed gift badges, and retail feature cards
- Cake counter tab for pastry display rows, retail categories, and premium counter cards
- Product ticket for pastry retail cards, menu items, and premium display labels
- Gift box frame for boxed patisserie modules, product image slots, and premium gifting cards
- Service medallion for dessert bar booking, boxed gifting highlights, and premium service badges
- Menu divider for patisserie menu sections, product rows, and premium category separators
Campaign plates
- Burgundy Gilded Salon private dining invitation campaign visual
- Burgundy Gilded Salon luxury dessert tasting room campaign visual
- Burgundy Gilded Salon premium service consultation and booking-flow campaign visual
- Vertical campaign card for luxury patisserie collection launch
- Square campaign card for premium boxed patisserie gifting
- Horizontal campaign banner for premium patisserie website hero and seasonal launch
Responsive previews
- Burgundy Gilded Salon mobile responsive preview for private dining booking page
- Burgundy Gilded Salon tablet responsive preview for premium service package page
- Desktop and mobile responsive preview for premium patisserie retail website
- Tablet and phone responsive preview for boxed gifting and dessert bar booking pages
Moodboard plates
- Burgundy Gilded Salon curated moodboard plate for materials, layout rhythm, and hospitality references
- Moodboard plate for Art Deco Patisserie material, layout, retail theatre, and component structure
Other design systems
Return to homepageRoute: /design-systems/arc-deco