NeoRetro Button A flat, editorial button for designers who want structure without the usual borders and shadows. Built natively in Framer with zero border-radius — sharp, deliberate, and unmistakably neo-retro. Five semantic variants
Primary — coral fill for main actions
Dark — ink fill for high-contrast emphasis
Outline — hairline border, minimal weight
Outline-Red — coral border for secondary actions
Outline-Navy — navy border for muted, editorial pairings Interaction states
Hover drops to 0.75 opacity for a quiet, considered response
Pressed adds a 1px coral border (navy on Outline-Red)
Focus is handled natively through Framer's Link, so keyboard and accessibility behavior stays browser-default Design tokens
Paper #F6F2EB · Ink #0C0C0B · Hairline #D4CFC6
Coral / Primary #E8604A · Navy #1A0E48
Label set in DM Sans 500 (Medium) at 13px — the Neo-Retro body style Part of the Neo-Retro design system — a modern editorial direction built on 1px rule lines and whitespace instead of heavy borders or drop shadows. Drop it into any project, swap the variant from the properties panel, and ship. Free to start. More Neo-Retro components on the way. — Designed by JUDE
NeoRetro Button A flat, editorial button for designers who want structure without the usual borders and shadows. Built natively in Framer with zero border-radius — sharp, deliberate, and unmistakably neo-retro. Five semantic variants
Primary — coral fill for main actions
Dark — ink fill for high-contrast emphasis
Outline — hairline border, minimal weight
Outline-Red — coral border for secondary actions
Outline-Navy — navy border for muted, editorial pairings Interaction states
Hover drops to 0.75 opacity for a quiet, considered response
Pressed adds a 1px coral border (navy on Outline-Red)
Focus is handled natively through Framer's Link, so keyboard and accessibility behavior stays browser-default Design tokens
Paper #F6F2EB · Ink #0C0C0B · Hairline #D4CFC6
Coral / Primary #E8604A · Navy #1A0E48
Label set in DM Sans 500 (Medium) at 13px — the Neo-Retro body style Part of the Neo-Retro design system — a modern editorial direction built on 1px rule lines and whitespace instead of heavy borders or drop shadows. Drop it into any project, swap the variant from the properties panel, and ship. Free to start. More Neo-Retro components on the way. — Designed by JUDE
