Swift PiecesPro

Graphic

Concrete grey, flat primaries and heavy grotesque type for apps with a poster's confidence.

Aa72

Graphic

Concrete grey, flat primaries, heavy type.

Style · Graphic20 sections3,615 wordsv1.0.0

npx swiftpieces add style-graphic

The Graphic scheme family as a style: concrete grey grounds, flat orange, violet and lemon blocks, Space Grotesk 700 set tight, dot matrices and half circles. Built for tools, media and fitness apps that should feel bold without shouting.

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-09-18Initial release.

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

On this page