App de moto táxi que gere as finanças. Peças que serão submetidos. Contrato
Generated Prompt
## COMPONENTS & LAYOUT
1. **Landing Page Structure**:
- **Hero Section**: Large header with the app name "Moto Táxi Finance" and a tagline, e.g., "Gerencie suas finanças de forma fácil". Include a prominent **CTA button** labeled "Comece agora".
- **Features Section**:
- Four cards, each featuring an icon and a brief description of the features:
- "Gerenciamento de despesas"
- "Contratos e documentos"
- "Relatórios financeiros"
- "Suporte ao cliente"
- **Testimonials Section**:
- A carousel of user testimonials with user images, names, and their feedback about the app.
- **Contact Section**:
- A simple form with fields for Name, Email, and Message, and a **Submit button**.
## CHANGES TO REQUEST
1. **Hero Section**: Add a background image of a motorcycle or a cityscape related to moto-taxi services.
2. **Features Section**: Ensure each feature card has a consistent layout with an icon on top, followed by the title and description. Maintain uniform spacing between each card.
3. **Testimonials Section**: Implement a carousel that auto-rotates and allows manual navigation. Ensure user images are circular.
4. **Contact Section**: Make the form inputs rounded with a border radius of 8px and a consistent design with the overall theme.
## SELECT MODE GUIDANCE
- Use Select Mode (⌥+S) when arranging the carousel in the testimonials section to ensure that the elements are correctly aligned and spaced.
- When modifying the form in the contact section, select each input field to adjust their border radius and ensure uniformity.
## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Spacing and Design System Rules**: Maintain consistent padding and margins across all sections. For visual cleanup, use the /Polish command to ensure alignment and spacing are perfect.
## SCREENSHOT NOTE
If you have a specific design in mind or are recreating a design, please attach a screenshot for reference, particularly for the layout of the features and testimonials sections. Ensure the layout is clear and captures the minimalist aesthetic desired.Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
