Start With Real Copy or Content

## Metadata
- Author: [[YouTube]]
- Full Title: Start With Real Copy or Content
- Category: #articles
- Summary: Starting with real content and copy will make UI design much easier. But what happens if the real content and copy isn’t available?
Learn UI design with our free Penpot course: https://penpot.app/courses/block-1/start-with-real-copy-or-content/
Penpot Community: https://community.penpot.app
App: https://design.penpot.app
Help: https://help.penpot.app
Contribute: https://github.com/penpot
Penpot Fest: https://penpotfest.org
Follow us:
*Mastodon: https://fosstodon.org/@penpot/
* Bluesky: https://bsky.app/profile/penpot.app
*X: https://x.com/penpotapp
*LinkedIn: https://www.linkedin.com/company/penpotdesign
*Instagram: https://www.instagram.com/penpot.app/
*Github: https://github.com/penpot
Penpot: Design as code.
- URL: https://www.youtube.com/watch?v=OhmoaWQSQ0Y
What comes
first? The content or the
design? This is an argument
you'll hear across many
teams. In an ideal world, a
designer has real content,
so they have context for
their design decisions
before producing high
fidelity mockups. You'll
have a rough idea of whether
your navigation menu is going
to have 6 items or 60 items.
You'll also know if your
layouts need to handle a lot of
text or give space to simple
messaging. If
you don't have
real content and copy, copy
is just a word for text
content, at best you'll end
up using lorem ipsum dummy
text or placeholder
stock images. At worst,
you'll waste time designing
views that won't exist, or
picking an icon set that
doesn't have icons suitable
for your menu items. Okay,
there's probably a few
legitimate situations
where you don't get real
content before you start
designing. Sometimes the
content just isn't ready yet
and you'll have to get started
regardless.
Maybe you're
building a design system
or creating a theme so your
work needs to accommodate a
variety of content and
lengths of copy. In these
situations, it helps to work
with some sample content
to get an idea of the type of
information, hierarchy and
tone. Maybe get some real
heading text, navigation
items and key content mapped
out, even if you don't have
all the text and labels
planned. That way, you don't
have to redesign
everything later once you
finally get hold of the
real content. And most
importantly,
you'll be able
to focus on designing the
best possible experience for
the people using the end
product., Start With Real Copy or Content, YouTube, 01k8tdxeqfp8haykpbfa2wwxeh.