Docs

Prism

Cool white, luminous color fields and dot-matrix figures for apps that should feel lit from inside.

Aa72

Prism

Cool white, luminous color fields and dot-matrix figures.

Style · Prism20 sections3,711 wordsv1.0.0

npx swiftpieces add style-prism

The Prism scheme family as a style: cool white grounds and white cards, blocks drawn as luminous fields that glow into their neighbours on the color wheel, hero figures lit on a dot matrix and a ruler dial under one red needle. Built for assistants, weather, timers and readout apps that should feel vivid without glow gimmicks.

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.