Mobile article pageTemplate-Based

Mobile article page in your site style

Usually ready in 15 minutesRevisions includedQuality check
Payment protectionDetails
  • Revisions within the package are free.
  • If you do not respond within 3 days of delivery, the work is accepted automatically.
Order · $22

The money is reserved when you pay and released only once you accept the work.

Mobile article page in your site style

Example result

Example for the Standard package

Mobile version of a bakery site from a desktop screenshot

Before: the desktop homepage

The desktop screenshot

After: the phone screen

The mobile homepage mock-up

File: PNG mock-up, about 1.5 megapixels. A picture of the design for the client's developer, not HTML code or a Figma file.

Client: Crumb & Kettle, a neighbourhood bakery. Task: show how their homepage should look on a phone, keeping the fonts, colours, button and photos of the desktop site.

The client and all details are made up.

About this service

On a phone an article is read in one long column, so a comfortable text size, short paragraphs, clear subheadings and full-width pictures matter more than any sidebar, and a sticky header or reading progress bar helps readers keep their place. We draw a mobile article page in the style of your blog or news screenshot: title, author and date line, a lead picture, subheadings, a quote or callout, related posts and a subscribe block. Each picture is made from one of your screenshots as an upright 2:3 PNG mock-up of about 1.5 megapixels, whatever the shape of the upload, so a desktop blog screenshot works too; you get a picture, not a blog theme, code or a Figma file.

What is included

  • What you getYou get 1, 3 or 5 upright PNG mock-ups of an article page on a phone in your blog's style, about 1.5 megapixels each. If you send fewer screenshots than the package has, the extras show other parts of the article, such as the middle with a quote or the end with related posts.
  • Readable columnComfortable text size and line length for phone reading
  • Title blockHeadline, author, date and reading time at the top
  • Subheadings and quotesClear breaks that make a long text easy to scan
  • Full-width picturesLead and inline images that fill the screen width
  • End of articleRelated posts, tags and a subscribe block

How it works

  1. 1
    Blog screenshotYou upload your blog and send the title and subheadings
  2. 2
    Article layoutWe draw the phone article page in your style
  3. 3
    RevisionsYou check the headings and ask for changes within your package

What we need from you

Up to 5 sharp screenshots of your blog or news pages as PNG, JPEG or WebP (no PDF), from a site you have the right to use, or a sample used only for its style. Send the article title, author name, date and subheadings exactly; the article body appears as placeholder lines, so you don't need to send the full text.

We will ask you:

  • What are the article title and subheadings?
  • What goes under the title?
  • What should end the article?

Compare packages

Basic1 mobile screen$10Standard3 mobile screens$22Premium5 mobile screens$39
Deadline1 day1 day2 days
Revisions123
Mock-ups135
FormatPNGPNGPNG
Screensyour choiceyour choiceyour choice
OrderOrderOrder

Payment protection

You pay when you order, but the money is released only for accepted work.

  • Fixed priceThe package price does not change after you pay.
  • The money is reservedWhen you pay, the amount is only reserved. It is released to the service once you accept the work.
  • Checked before deliveryEvery result goes through a quality check before it reaches you, and you see it on the order page before accepting it.
  • Free revisionsAsk for changes within your brief as many times as the package allows.
  • Acceptance after 3 daysIf within 3 days of delivery you neither accept the work nor ask for changes, it is accepted automatically. If you write in the order chat after delivery, the order waits; once we answer, we may start the 3 days again and will say so in the chat.
  • Redo or a full refundIf the result does not match your brief and the revisions did not fix it, or the work takes more than twice its deadline, write in the order chat: we will redo the work or refund the payment in full.
How it works →

Questions and answers

Will the article text be readable?

The title and subheadings you send are drawn into the picture; the body is shown as placeholder lines, because long small text cannot be drawn reliably and can come out imperfect. Latin-script languages work best; check every heading and ask for a revision, and your real article text goes in when the page is built.

Can you show the whole article?

Each picture is an upright 2:3 phone screen of about 1024 x 1536 pixels, whatever the shape of your upload, so one mock-up shows one part of the article. In a bigger package we draw the top, a middle section and the ending as separate screens.

Will this change my WordPress theme?

No. You get PNG pictures, not code, not a Figma file and not a WordPress, Ghost, Squarespace or Webflow theme, and we change nothing on your blog. Your developer or you adjust the article template from the picture; check your theme's current typography settings first.

Can I add share buttons?

Share links appear as neutral icons or plain text, because we don't draw other brands' logos. The picture is redrawn, so your own logo and small icons can shift slightly. We use a sample blog only for its style, never its texts, and we don't add fake comments, ratings or awards or change documents.

Did not find your answer?

All services in Mobile Website

Also in Mobile Website

Related sections

Original
Order · $22· ~15 min