Docs

Sol

Sun-bleached sand, marigold and terracotta blocks and heavy tight type for apps that should feel warm and sunlit.

Aa72

Sol

Sun-bleached sand, marigold and terracotta.

Style · Sol20 sections3,677 wordsv1.0.0

npx swiftpieces add style-sol

The Sol scheme family as a style: sand grounds, marigold, terracotta, avocado, teal and cream blocks with dark ink, Space Grotesk 700 over 500-weight figures, 30 to 34pt corners and one sunburst cropped into a hero block. Built for food, delivery, weather, travel and learning apps that should feel warm without turning into a sunset gradient.

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.