# DevKnow SaaS Landing Page

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: ui design, minimal, graphic or type, product
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69J5VQQY1HRRPSNZYRQMPNH/w1200.webp
- Page: https://promptclay.com/prompts/devknow-saas-landing-page-a28k5a

## Prompt

```text
Using REFERENCE_0 as the product UI screenshot, turn it into a polished Japanese SaaS landing page for {product_name}. Keep the app screenshot recognizable but place it inside a large rounded browser/mockup preview on the right side of the hero section, slightly scaled down with soft shadow and a subtle purple abstract line/gradient accent behind it.

Layout: Create a clean desktop landing page with a white background and purple brand accents. Add a top navigation bar with the existing logo/name on the left, five centered menu links labeled 「特徴」, 「使い方」, 「料金」, 「アップデート」, 「よくある質問」, and on the right 「ログイン」 plus a purple CTA button labeled 「無料で始める →」.

Hero section: On the left, add a small rounded badge reading 「AI・個人開発の最新ニュースを毎日お届け」. Add a large bold Japanese headline: {hero_headline} with the phrase 「あなたのもとへ」 highlighted in purple. Below it, add supporting copy: {hero_description}. Add two hero buttons: a primary purple 「無料で始める →」 button and a secondary white 「使い方を見る」 button. Under the buttons, add exactly 3 trust points with small purple check icons: 「登録不要で始める」, 「いつでも解約OK」, 「Webブラウザで利用可能」.

Features section: Beneath the hero, add a centered section label “FEATURES” in purple and the heading 「DevKnow でできること」. Create exactly 4 rounded feature cards in one row with soft shadows and purple icons: 1) lightning icon, title 「毎日の厳選ニュース」, description 「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」; 2) stacked layers icon, title 「カテゴリで簡単に検索」, description 「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」; 3) bookmark icon, title 「保存してあとで読む」, description 「気になるニュースを保存して、あとでゆっくり読めます。」; 4) bell icon, title 「通知で見逃さない」, description 「重要なニュースは通知でお知らせ。トレンドを逃しません。」

Style constraints: Make it look like a modern production-ready landing page, not a raw app screenshot. Use spacious margins, rounded corners, subtle shadows, purple gradient buttons, crisp Japanese typography, and remove any clutter outside the composed landing page. Keep the reference app UI content visible but secondary to the landing page design.
```

## Variables

Replace each `{variable}` before you paste the prompt.

| Variable | Label | Example |
|---|---|---|
| `{product_name}` | product name | DevKnow |
| `{hero_headline}` | hero headline | 開発の「今」を、毎日あなたのもとへ。 |
| `{hero_description}` | hero description | DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。 |

## About

Generates a polished Japanese SaaS landing page from an existing app screenshot, with hero CTA, product mockup, navigation, and feature cards.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/devknow-saas-landing-page-a28k5a
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [Calm and minimal](/calm-and-minimal.md): Space, soft light and one quiet idea. (https://promptclay.com/calm-and-minimal)
- [Typography and lettering](/typography-and-lettering.md): Words as the picture: type posters, lettering, titles. (https://promptclay.com/typography-and-lettering)
- [UI and app design](/ui-and-app-design.md): App screens, dashboards and landing pages. (https://promptclay.com/ui-and-app-design)
- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [Product Prompts](/product-prompts.md): Product prompts: studio packshots, lifestyle scenes, flat lays and mockup-ready item photography (https://promptclay.com/product-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)
- [Product prompts](/search.md?q=product) (https://promptclay.com/search?q=product)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [Japanese SaaS Trigger Automation Banner](/prompts/japanese-saas-trigger-automation-banner-sgawpw.md): GPT Image 2, by @library.brand
- [Japanese Pro Plan App Promo](/prompts/japanese-pro-plan-app-promo-m7kspr.md): GPT Image 2, by @library.brand
- [Z-Seven AI Product Matrix Slide](/prompts/z-seven-ai-product-matrix-slide-627c1b.md): GPT Image 2, by @library.explainers
- [Atmospheric Product Interface Visual Prompt for SaaS UI](/prompts/atmospheric-product-interface-visual-prompt-for-saas-ui-wyp5ch.md): Nano Banana Pro, by @library.infographics
- [Japanese Business Slide on E-Application](/prompts/japanese-business-slide-on-e-application-dftkba.md): GPT Image 2, by @library.explainers
- [12-Panel Sticker/Emoji Grid Generation Prompt](/prompts/12-panel-sticker-emoji-grid-generation-prompt-qmt8w5.md): Nano Banana Pro, by @library.comics
- [Dark News Article UI Redesign](/prompts/dark-news-article-ui-redesign-sgdqpw.md): GPT Image 2, by @library.ui.design
- [Social Feed Creation for Olive Oil Brand](/prompts/social-feed-creation-for-olive-oil-brand-3t6xkf.md): Nano Banana Pro, by @library.social
- [Nano-banana Pro Persona Generation Prompt](/prompts/nano-banana-pro-persona-generation-prompt-439cvq.md): Nano Banana Pro, by @library.infographics
- [JSON Prompt for Architectural Product Design Catalog Layout](/prompts/json-prompt-for-architectural-product-design-catalog-layout-xvqvr2.md): Nano Banana Pro, by @library.product
- [Japanese AI Chat Kaiju Screenshot](/prompts/japanese-ai-chat-kaiju-screenshot-ztcvky.md): GPT Image 2, by @library.ui.design
- [Industrial Design Concept Prompt](/prompts/industrial-design-concept-prompt-5q55ec.md): Nano Banana Pro, by @library.product

---
Canonical: https://promptclay.com/prompts/devknow-saas-landing-page-a28k5a
Search: /search.md?q=your+words