Designity page creation guide | Homepage design reference
Internal Webflow Guideline
How to Create a New Designity Page
Use this as the build brief before creating a new Webflow page. Every page should follow the homepage rhythm: clear promise, visible proof, structured sections, real Designity assets, concise copy, and one obvious next action.
Play
Use the Homepage as the Page System
The homepage is the best design reference because it shows the brand's full storytelling pattern from promise to proof to action.
1
Lead with the offer
Open with a direct promise, a short audience signal, and one CTA. Avoid generic introductions.
2
Show the system
Explain Designity as a Creative Director-led managed team, not as isolated services or a task marketplace.
3
Prove the claim
Use logos, portfolio work, testimonials, stats, comparison blocks, process steps, and FAQ answers.
HeroPromise, audience, CTA, human visual
ProofLogos, stats, cards, examples
ActionTrial, demo, contact, next step
Recommended Page Anatomy
Most new pages should follow this order unless the page has a specific conversion or SEO need.
| Section | What it must do | Homepage reference |
|---|---|---|
| Hero | Name the audience, primary problem, Designity promise, and CTA. | Yellow hero with bold H1, short subcopy, human/media visual. |
| Trust band | Reduce risk quickly with recognizable logos, reviews, or proof points. | Client logo carousel and Trustpilot/G2 proof. |
| Why section | Explain why Designity is the right model for this page's audience. | Six benefit cards under "A Partnership Designed for Modern Marketers." |
| Comparison | Show how Designity differs from agencies, in-house teams, freelancers, or subscriptions. | Model comparison cards with yes/no signals. |
| Human expertise | Make the Creative Director and specialist team visible. | Creative Director profile cards and headshots. |
| Capabilities | List relevant services without turning the page into a service directory. | 100+ services area with icon list and detail panel. |
| Portfolio/proof | Show real work connected to the page's audience or use case. | Full-stack portfolio mosaic and case-study modules. |
| FAQ | Answer conversion blockers, pricing/process questions, and SEO-intent questions. | Long FAQ list with plain questions and direct answers. |
Content Rules Before You Build
Every new page needs a clear job. Define the page before selecting modules or writing copy.
Required inputs
- Primary audience and search intent.
- One page goal and one primary CTA.
- Approved positioning from the master guideline.
- Current facts from the Fact Registry.
- Relevant proof: logo, portfolio item, testimonial, review, stat, or case study.
Copy standards
- Use plain, specific headings that explain the value.
- Keep paragraphs short and scannable.
- Use "Creative Director-led," "fully managed," "AI-enabled," and "human-led" accurately.
- Avoid unsupported best, fastest, cheapest, guaranteed, or unlimited claims.
- Do not publish pricing, performance, AI, security, legal, employment, or competitor claims without owner approval.
Design Direction to Follow
New pages should feel like a sibling of the homepage: optimistic, clear, premium, and easy to scan.
Color
Use Designity yellow as the major brand signal, dark navy/black for contrast, white for clarity, and light gray for quiet transitions.
#ffc200#111820#063451
Layout
Use generous vertical spacing, centered section headers, three-column proof grids, and full-width bands. Avoid nested cards and cluttered sections.
Visuals
Use real homepage-style assets: people, portfolio work, logos, icons, and UI/process visuals. Do not rely on abstract decoration alone.
Homepage Image References
Use these visual categories when selecting assets for a new page.
Asset hierarchy
- Hero: human-led creative leadership or a clear product/service visual.
- Trust: client logos and review-platform proof.
- Explanation: simple icons, cards, and comparison tables.
- Proof: portfolio imagery and case-study screenshots.
- Conversion: CTA band with one strong next action.
Pre-Launch Checklist
Do not publish a new page until these checks are complete.
1
Page has one audience, one core message, and one primary CTA.
2
Hero follows the homepage pattern: clear promise, proof cue, CTA, and visual.
3
All facts are current and approved by the responsible owner.
4
Section order moves from problem to model to proof to action.
5
Images have useful alt text and are not stretched, cropped awkwardly, or decorative-only.
6
Headings are specific enough for scanning and SEO.
7
Mobile layout has no overlapping text, clipped buttons, or oversized tables.
8
Links, forms, videos, popups, tracking, canonical, metadata, and schema are verified.