The following was built with low/no code AI prototyping, as well as minor adjustments made to the code, made by mayself. This is an example of some of the work I can do using artificial intelligence models. Below the prototype is the content used for the prompt, organized up by myself for readability.
This website prototype was created using Gemini.
Idle Prompts
Fun prompts for writers exploring new ideas
Loading your idea…
Idle Prompts Generator: Development Specification
Core Application Function
- Primary Goal: Generate randomized writing prompts to inspire new ideas and overcome writer’s block.
- Prompt Tone: Must be fun, non-offensive, and include some absurd/borderline fantasy elements.
- Initial State: A random prompt must be displayed immediately upon page load.
- Interaction: A dedicated button must be implemented to generate and display a new prompt when clicked.
Design and Typography
| Element | Specification |
| Page Background | Pale Peach #FFEFEA |
| Prompt Box Background | Pink #FECDD6 |
| Prompt Box Border | Black #000000 |
| Headers (H1, H3) | Font Family: Segoe UI (or equivalent) |
| Header/Text Colour | Black #000000 |
| Body/Prompt Text | Open sans |
Content and Layout Positioning
- Main Title (H1): “Idle Prompts”
- Alignment: Center.
- Subheading (H3): “Fun prompts for writers exploring new ideas”
- Alignment: Center.
- Prompt Box: Must be horizontally centered on the page.
- Button Text: “New Prompt”
- Alignment: Center (below the prompt box).
- Styling: Rounded edges and a slight shadow.
- Portfolio Link:
- Text: “Ashley Idle’s Portfolio”
- Link URL:
www.ashleyidle.com - Position: Bottom left of the main content area.
Layout Spacing (Vertical Margins)
- Below Main Title (H1): 50px of space.
- Below Subheading (H3): 40px of space before the Prompt Box.
- Prompt Box Inner Padding: 10pt buffer (padding) around the prompt text.
- Below Prompt Box: 20px of space before the “New Prompt” button.
- Below “New Prompt” Button: 30px of space before the Portfolio Link.