Get started
A Design Kit is the spine

Start with the system. Then try a direction.

The kit owns color, type, spacing and component rules. Collections give your agent optional ways to make imagery, render the interface and communicate the product without replacing that system. When two directions fight each other, the agent can explain the tension before applying either one.

Choose a Design KitExplore directions

One example setup

The Design Kit sets the visual system. The other choices tell the agent what to make and how to present it.

Generative linework converging on one result

Image direction

Generative linework

ambientsage.com

Ambient Sage

Ship beautiful product faster

A complete, agent-ready design system in your brand.

Get startedTokens
Design kit
Ambient Sage
Image direction
Generative linework
Interface style
Editorial / Magazine
Page recipe
Show the before and after
01 · Image work2 workflows

Choose the image job before the style

An uploaded product and a blank content brief need different instructions. Product scenes keep the item intact and change its surroundings, while the supplied subject remains recognizable. Editorial artwork starts from an idea and creates something new.

Explore image work

Agent handoff

Use the supplied product as a locked reference. Preserve its shape, materials, proportions and markings. Explore the set, light, camera, crop and supporting objects. For editorial artwork, work from the content brief instead.

The Design Kit still controls: brand colors, typography, spacing, interface treatment and layout.

Supplied product

Product scenes

Use the approved product photo in a reference-preserving image editor. Keep the product exact while the set, light, camera, crop and supporting objects change.

Browse product-ready directions
  • Cream bottle unchanged on a pale seamless studio backgroundPackshot

    Clean studio

    A neutral image for catalogs, marketplaces and clean product pages.

  • Cream bottle unchanged on a travertine pedestal in a warm plaster setPedestal set

    Sculpted pedestal

    Add depth and structure without competing with the item.

  • Cream bottle unchanged on a blue plinth against a coral backgroundCampaign set

    Graphic color field

    Use brand color, hard light and copy space for a campaign image.

  • Cream bottle unchanged on dark slate beside water and a smooth stoneMaterial still life

    Natural materials

    Put tactile products in a restrained stone and water setting.

Start from a brief

Editorial artwork

Start from the story, not an uploaded product. Create a new image for a launch, article, research note or campaign.

Browse editorial directions
  • Conceptual glass artwork showing one luminous source unfolding into connected layersConceptual 3D

    Model launch

    Give a new capability a clear visual idea without inventing a product shot.

  • Cut-paper fragments resolving into an ordered modular compositionCut-paper collage

    Technical article

    Turn an abstract system or process into a readable article opener.

  • Fine plotted paths converging on one orange result and an ordered gridGenerative linework

    Research update

    Make experiments and progress visible without faking a chart.

  • Pale repeated structures breaking into a bold blue, yellow and black compositionPhotomontage

    Campaign story

    Build a visual metaphor for a change, tension or point of view.

02 · Interface styles3 featured

Change the rendering, not the brand

Compare recognizable ways of drawing the same controls and surfaces. Every card renders the same live specimen, so you can judge the treatment itself instead of being distracted by a different mockup.

See all interface styles

Agent handoff

Keep the selected Design Kit's semantic tokens and typography. Apply the Swiss interface style to borders, elevation, states and motion.

The Design Kit still controls: the palette roles, type scale, spacing rhythm, content hierarchy and brand rules.

Swipe to compare live specimens.

  • Surface & material

    Glassmorphism

    Translucent panels that blur whatever sits behind them, so depth comes from the layer stack rather than from heavy borders.

    What you see
    Panels you can partly see through, with the background softened behind them
    Fits
    SaaS sites
  • Surface & material

    Neo-brutalism

    Thick black borders, offset hard shadows and flat blocks of colour, with nothing softened and nothing pretending to be a physical material.

    What you see
    Heavy 2–3px borders on everything, in one uniform colour
    Fits
    Landing pages
  • System & typographic

    Swiss / International Typographic

    A visible column grid, one neutral typeface at a strict scale, and alignment doing every job that decoration does elsewhere.

    What you see
    Everything aligns to the same columns and the same baseline
    Fits
    Services
03 · Page recipes4 goals · 32 recipes

Build the page around the decision

A page recipe tells your agent what to show first, where the proof belongs and when to ask for action. Pick one based on the decision the visitor needs to make. Your Design Kit still controls the visual design.

Browse all 32 page recipes

Choose the problem this page needs to solve

These four recipes take different routes from first visit to next step.

Swipe to compare page flows.

Keep exploring

Two useful views of the same system

Browse kits by visual style, or focus only on how a page opens. Both are lenses over the catalogs, not extra systems to reconcile.

Design Kits by styleFind a complete system by its visual languageHero openingsCompare what the first screen needs to do