Docs

Neon

Void black, one electric lime block and Geist 600 figures for AI, analytics and productivity apps that feel sharp without glowing.

Aa72

Neon

Void black with electric lime and violet.

Style · Neon20 sections3,719 wordsv1.0.0

npx swiftpieces add style-neon

The Neon scheme family as a style: void black and bone grounds, a solid lime block carrying the one hero with violet, cyan, orange and pink around it, Geist 600 with tabular figures and two-tone headlines, and thin static rings. Built for AI assistants, dashboards, command surfaces and team tools, with every lime surface a flat block and nothing that emits light.

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.