Cloud Based. Integrates with Your Site Template - inherits your CSS. JSON API Available.
Design Analysis
Soft Commerce Publishing is a bright, product-led system that feels polished without becoming sterile. It uses huge black headlines, a floating rounded navigation shell, and a single coral-red action color to make embedd...
Soft Commerce Publishing is a bright, product-led system that feels polished without becoming sterile. It uses huge black headlines, a floating rounded navigation shell, and a single coral-red action color to make embedded publishing feel straightforward and desirable.
Favor crisp screenshots, realistic customer-site examples, and gentle product composites on white or misty backgrounds. Any warmth should come from layout softness and example variety, not from decorative illustration.
The palette is mostly black, white, and clouded light gray, with coral reserved for the most important action moments and selected headline emphasis. Keep text-heavy structure in black and let the background remain luminous and quiet.
Use a very large, heavy sans for the primary statements, then step down into a lighter, calmer body tone. Serif can appear in tiny supporting moments if needed, but the system is fundamentally driven by strong sans hierarchy.
Core identity and authoring metadata from the refto.one design model.
A polished publishing-marketing system built from luminous white and cloud-gray space, giant black headlines, restrained serif accents, and coral-red action cues.
clean, optimistic, soft-edged, and typographically bold
Fields outside the primary renderer remain visible here as structured fallback content.
Primitive palettes and resolved token colors for the active preview mode.
Spacing scales rendered as tokens with a simple length specimen.
Corner radii tokens with a live surface sample.
Font families from the current design YAML, including fallback stacks and usage character.
Top-level typography scale rendered as live text specimens.
Fields outside the primary renderer remain visible here as structured fallback content.
Motion tokens rendered as resolved values for timing and personality.
Resolved motion token values.
| Property | Value |
|---|---|
duration | 160ms-240ms |
easing | cubic-bezier(.2,.8,.2,1) |
spring | stiffness 110, damping 18 |
Low-complexity component tokens rendered as design-system specimens.
Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.
Compact list of patterns the design system explicitly avoids.