Family Values
Hearth is a placeholder product name. Use this opening to say what it is, who it's for, and how long you've worked on it.
If people have said kind things about how it feels, mention it here, and link to anyone who has written about the details, like this breakdown. Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action.1 See this post for more.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
What makes it work
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. We settled on three principles: simplicity, fluidity, and delight. Note what you would do differently next time.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on.
Simplicity
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image. End with a sentence that leads into what comes next.
Even a simple flow branches more than you'd expect.
Fluidity
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on. Keep sentences short and specific, the way you would explain it to a friend.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
One component, morphing between states instead of swapping.
Delight
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
Tap for hearts
A small burst of joy, on tap.
Building it
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Simplicity through gradual revelation
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. We arrived at a layered tray system.2
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image. End with a sentence that leads into what comes next.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on. Keep sentences short and specific, the way you would explain it to a friend.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes. Explain how it felt to use, not just how it was built.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper. Tapping Done closes the tray.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper. Leave room for the visuals to do some of the work.
A quieter line in italics, for emphasis. If something was a happy accident, say so.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper. Leave room for the visuals to do some of the work.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes. Explain how it felt to use, not just how it was built.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
Fluidity through seamless transitions
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on. Keep sentences short and specific, the way you would explain it to a friend.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image. End with a sentence that leads into what comes next.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image. End with a sentence that leads into what comes next.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes. Explain how it felt to use, not just how it was built.
Another italic aside. Note what you would do differently next time.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on. Moving from Send to Review should feel like one motion. Talk about the constraints you had and how they shaped the result.
Note what you would do differently next time.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image. Hold Confirm to finish.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Italics work well for a reflective line. Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper.
Short and italic.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action.
A bold lead-in This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper. Leave room for the visuals to do some of the work.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
One more in italics. Note what you would do differently next time.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image. End with a sentence that leads into what comes next.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper. Leave room for the visuals to do some of the work.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action.
Delight through selective emphasis
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. Delight is a feeling, not a feature.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image. End with a sentence that leads into what comes next.
This is placeholder copy, written to show how a paragraph of about this length sits on the page.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image. End with a sentence that leads into what comes next. Real copy will read better; this line is only here for spacing. This is placeholder copy, written to show how a paragraph of about this length sits on the page.
Emphasis This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. sparingly.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
An italic opener. Note what you would do differently next time.
And another. If something was a happy accident, say so.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on. Keep sentences short and specific, the way you would explain it to a friend.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on.
Impact tends to fall as something becomes familiar.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Finishing a task should feel satisfying.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.3 More in this thread.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image.
This is placeholder copy, written to show how a paragraph of about this length sits on the page.
People come first
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up. A little humour goes a long way in a long post. Link to anything that helps the reader go deeper. Leave room for the visuals to do some of the work.
If something was a happy accident, say so. Tell the reader what to look for in the next clip. Name the principle, then show it in action. Be honest about the trade-offs you made along the way. Think about pacing: a long paragraph, then a short one, then an image. End with a sentence that leads into what comes next. Real copy will read better; this line is only here for spacing.
This is placeholder copy, written to show how a paragraph of about this length sits on the page. Swap it for your own words once the structure feels right. A good paragraph here sets up the idea, gives one concrete example, and moves on.
Talk about the constraints you had and how they shaped the result. If there is a number that tells the story, put it here. Readers skim, so lead with the point and follow with the reasoning. The figure below should show the thing this paragraph describes.
Note what you would do differently next time. Point out the edge case that surprised you. Close the thought before the next figure picks it up.
Hearth is available on the App Store.Download on iOS