New in v3.2 · morphology layer
A skin changes tokens. A recipe changes containment, geometry, navigation, controls, collection patterns, density, and motion. The same product job can now take on a genuinely different morphology without copying Toss—or any other company.
Recipe library
The references explain lineage, not ownership. Recipes contain transferable design decisions only; official logos, fonts, icons, copy, and trademarked arrangements are never bundled.
calm-consumerPersonal finance · health · benefits
Soft groups · one reassuring summary · sparse actions
Evidence lineage · Consumer service research
native-mobileFocused mobile utilities · capture · media
Content-first chrome · reachable controls · adaptive patterns
Evidence lineage · Apple HIG · platform conventions
enterprise-workbenchB2B operations · admin · analytics
Aligned panels · compact controls · dense evidence
Evidence lineage · Carbon · Fluent · Atlassian
developer-platformRepositories · observability · infrastructure
Hairlines · compact rows · mono evidence
Evidence lineage · Primer · technical product research
commerce-operatorMerchant admin · catalog · fulfillment
Resource rows · filters · contextual next actions
Evidence lineage · Polaris · commerce research
public-serviceEligibility · regulated forms · civic services
Flat high-contrast flow · explicit labels · one step
Evidence lineage · GOV.UK · USWDS
creative-professionalCreation tools · media workflows · editing
Focused canvas · tool groups · adaptive platform scale
Evidence lineage · Adobe Spectrum
editorial-authorityReports · journalism · research · docs
Type-led hierarchy · reading measure · rules over cards
Evidence lineage · Editorial and public-content systems
expressive-brandLaunches · campaigns · portfolios · stories
Signature composition · display type · controlled motion
Evidence lineage · Independent campaign systems
Three separate decisions
What job, attention model, and information order the result needs.
What morphology, controls, collections, and density implement that job.
What semantic colors and type tokens express the project brand.
Your visual language is missing?
$ss-reference converts screenshots, URLs, Figma exports, or existing UI into a project-local evidence-backed grammar. It does not force the nearest built-in recipe and does not copy the source screen.