Web apps / Lifestyle / Wikipedia
Wikipedia Web apps Typography - Wikipedia
Category Lifestyle
· Style Light
· Updated Sep 2026
Build with AI An original design based on Wikipedia, with a 1,677-word build brief.
Copy build instructions Copy screenshot link Send these instructions to your AI tool to create the design. They include the selected reference and your choices. You can also attach the screenshot directly.
Continue in your AI tool Long prompts are copied to your clipboard first — paste them in when the tool opens.
Connect an AI tool via MCP Claude Code Cursor Codex Gemini CLI Antigravity
claude mcp add --transport http uidiscovery https://uidiscovery.com/mcp \
--header "Authorization: Bearer YOUR_API_KEY" Copy Design briefs over MCP need an API key on a paid plan — create one on your account settings .
Then ask your connected agent to inspect the selected reference and create your chosen output:
Use the uidiscovery MCP server: call get_design_brief({ slug: "app-wikipedia" }) and get_image_plan({ slug: "app-wikipedia" }), look at the preview images, then build an original site for [my brand] that follows the brief. Cite https://uidiscovery.com/sites/app-wikipedia.
Copy
Visit en.wikipedia.org ↗ Download kit ↓
All sections All sections Screen 8
Content 49
About 1
Features 1
All pages All pages Homepage 8
Product 8
About 2
Sign up 8
Blog 8
Docs 4
Enterprise 5
Careers 7
Contact 2
Security 7
59 sections found. 0 selected for comparison.
Product · Content
Features primarily intended for or exclusively required by South-Asian alphasyllabaries (Indic/Brahmic)
Product · Content
Features primarily intended for or exclusively required by East-Asian tetragrams (Chinese, Japanese, Korean)
Product · Content
Features primarily intended for or exclusively required by West-Asian (Semitic, Arabic) and other cursive scripts or fon
Product · Content
Features intended for bicameral [cased] alphabets (Latin, Greek, Cyrillic, etc.)
Product · Content
Features depending on writing direction
Product · Content
Features intended for digits and math
Product · Content
Ligation and alternate forms features intended for all scripts
Product · Content
Positioning features intended for all scripts
About · Content
Wikipedia:About
Sign up · Content
Precursors
Sign up · Content
Birth of industrial design
Sign up · Content
Definition
Sign up · Content
Education
Sign up · Content
Design process
Sign up · Content
Socio-technical impacts
Sign up · Content
See also
Blog · Content
Principles of the typographic craft
Blog · Content
Advertising
Blog · Content
Inscriptional and architectural lettering
Docs · Content
Abstract definitions
Enterprise · Content
Introduction
Enterprise · Content
Schools of thought
Enterprise · Content
Benefits, challenges, and criticisms
Enterprise · Content
Relationship to other disciplines
Enterprise · Content
See also
Careers · Content
Childhood
Careers · Content
Homestead High
Careers · Content
Reed College
Careers · Content
1974–1985
Show more · 9 left
About this design Written from the capture data for Wikipedia.
Wikipedia (en.wikipedia.org) is a web app in the Lifestyle category, captured live in the browser as 60 screens. These are real product UI, not marketing pages — useful when you're designing navigation, dense tables, charts and settings rather than a landing page.
The capture records a palette of #f8f9fa, #202122, #101418 and #54595d. The largest share of captured homepage sections uses #f8f8f8 as its CSS background. Suggested token roles are #f8f8f8 for background and #101418 for text; check them against the screenshot. It uses a system font stack.
Compared with the 3 other Lifestyle web apps in the library, Wikipedia sits with the 75% that stay light, and the group's most common heading face is Google Sans Text.
Worth studying here: the about section, for how the company story is told and the features block, for how benefits are grouped and paced. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.
More references: browse all web apps .
Sections captured: Screen, Screen, Screen, Screen, Screen, Screen, Screen, Screen, Content, Content, Content, Content, Content, Content, Content, Content, Content, About, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Features, Content, Content, Content, Content, Content, Content, Content, Content, Content
