33 lines
1.4 KiB
Plaintext
33 lines
1.4 KiB
Plaintext
@startuml
|
|
!theme plain
|
|
package "Landing Page" {
|
|
package Header {
|
|
package "Logo & Nav" {
|
|
rectangle "SmartTools Logo" #F0F0F0
|
|
rectangle Navigation #F0F0F0
|
|
}
|
|
}
|
|
|
|
package "Hero Section" #FFFFFF {
|
|
note right: Headline: "Build AI Commands in YAML"\nSubheading: "Unix-style, provider-agnostic, composable"\nCTA: "Browse Registry" (Primary)\nCTA: "Get Started" (Secondary)
|
|
}
|
|
|
|
package "Why SmartTools" #F9FAFB {
|
|
note right: 3 Pillars with Icons:\n- Easy to Use\n- Powerful\n- Community
|
|
}
|
|
|
|
package "Featured Tools" #FFFFFF {
|
|
note right: Tool Cards (3 columns):\n- Category badge\n- Tool icon/thumbnail\n- Download count\n- Author\n- Quick install command
|
|
}
|
|
|
|
package "Getting Started" #F9FAFB {
|
|
note right: Tutorial/Example cards\nLinks to docs, tutorials, examples
|
|
}
|
|
|
|
package Footer #FFFFFF {
|
|
note right: Links: About | Donate | Forum | Docs\nOptional footer ad (light background)\nNewsletter signup (subtle)
|
|
}
|
|
}
|
|
|
|
note "Design Notes\n---\nColor Palette:\n- Primary: #0052CC (brand blue)\n- Accent: #06B6D4 (teal for secondaries)\n- Background: #F9FAFB (light gray)\n- Cards: #FFFFFF with subtle shadow\n- Ad zone: #FEF3C7 (light yellow background)\n\nMobile: Single column, nav collapses\nTablet: 2 columns featured tools\nDesktop: 3 columns featured tools" as DesignNotes
|
|
@enduml |