Docs

Confetti

Paper white, toy-coloured blocks, heavy rounded type and keys that press into a lip, for learning and practice apps that should feel playful and stay grown-up.

Aa72

Confetti

Paper white, toy colors, pressable buttons and heavy rounded type.

Style · Confetti20 sections3,697 wordsv1.0.0

npx swiftpieces add style-confetti

The Confetti scheme family as a style: paper white grounds, seven saturated blocks, SF Pro Rounded 800, and keys and cards that stand on a solid lip and press into it, with sprinkles as the motif. Built for language, practice and streak apps, with one speech-bubble coach per screen and one confetti burst only when something real is finished.

Screens that already speak it

What is inside

The 20 sections your agent reads, in order.

  1. 01The core idea
  2. 02Apply the theme
  3. 03Type
  4. 04Space and rhythm
  5. 05Colour and blocks
  6. 06Surfaces, elevation and corners
  7. 07The motif
  8. 08Liquid Glass in this style
  9. 09Navigation and app structure
  10. 10Lists, rows and data
  11. 11Controls
  12. 12Hero moments
  13. 13Motion and haptics
  14. 14Iconography
  15. 15Empty, loading and error states
  16. 16Dark and light
  17. 17Anti-patterns
  18. 18Accessibility in this style
  19. 19Screens that already speak it
  20. 20Self-verification loop

The skill

Pairs with

Written to combine: a style for the look, a brief for the contents, a recipe for the screens.

Changelog

  • v1.0.02026-10-05Initial release.

Licensed for your own and your clients' apps under the SwiftPieces Pro license. Sharing, reselling or publishing the text of this style is not permitted.