-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathSetup Layout.html
More file actions
1 lines (1 loc) · 13.3 KB
/
Setup Layout.html
File metadata and controls
1 lines (1 loc) · 13.3 KB
1
<!DOCTYPE html><html lang="en" data-theme="light"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="google-site-verification" content="ZWidhp29xotLZ2B8B4mHHEtWvixWj6HhA9Uaav06BYA" /><meta name="google-adsense-account" content="ca-pub-1607055557776596"><title>Nothing OS Setups & Layouts | Nothing Space</title><meta name="description" content="Explore the best community-submitted Home and Lock Screen setups for Nothing Phone (1), (2), and (2a). Download KLWP layouts and get customization ideas."><meta name="author" content="Nothing Space"><meta name="robots" content="index, follow, max-image-preview:large"><link rel="canonical" href="https://nothingtools.github.io/Setup Layout.html" /><meta name="application-name" content="Nothing Space"><meta property="og:site_name" content="Nothing Space"><meta property="og:type" content="website"><meta property="og:url" content="https://nothingtools.github.io/Setup Layout.html"><meta property="og:title" content="Best Nothing OS Home & Lock Screen Setups"><meta property="og:description" content="Get inspiration from top-rated community setups. Transform your Nothing Phone with KLWP and custom icon packs."><meta property="og:image" content="https://nothingtools.github.io/banner.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Nothing OS Setups Gallery"><meta name="twitter:description" content="Community-driven layouts and setups for the Nothing ecosystem."><meta name="twitter:image" content="https://nothingtools.github.io/banner.png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"><script async src="https://fundingchoicesmessages.google.com/i/pub-1607055557776596?ers=1"></script><script>(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1607055557776596" crossorigin="anonymous"></script><style> :root { --bg-color: #ffffff; --text-main: #111111; --text-muted: #555555; --accent: #e50000; --card-bg: #fdfdfd; --border-color: #eaeaea; --shadow: 0 4px 15px rgba(0, 0, 0, 0.04); --hover-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); } * { box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; line-height: 1.6; color: var(--text-main); background-color: var(--bg-color); margin: 0; padding: 0; overflow-x: hidden; } .container { max-width: 1000px; margin: 0 auto; padding: 40px 20px; } h1, h2, h3, h4 { margin-top: 0; margin-bottom: 16px; font-weight: 700; line-height: 1.25; letter-spacing: -0.3px; } p { margin-top: 0; margin-bottom: 16px; color: var(--text-muted); font-size: 1.05rem; } a { color: var(--text-main); text-decoration: none; transition: color 0.2s ease; } a:hover { color: var(--accent); } @keyframes fadeUp { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0); } } .animate { animation: fadeUp 0.6s ease-out forwards; opacity: 0; } .delay-1 { animation-delay: 0.1s; } .delay-2 { animation-delay: 0.2s; } header { text-align: center; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid var(--border-color); } header h1 { font-size: 2.5rem; color: var(--text-main); margin-bottom: 10px; } .btn-main { display: inline-flex; align-items: center; gap: 10px; background: var(--card-bg); color: var(--text-main); font-weight: 600; border: 1px solid var(--border-color); padding: 10px 24px; border-radius: 50px; margin: 15px 0; transition: all 0.2s ease; font-size: 1rem; } .btn-main:hover { background: var(--text-main); color: white; border-color: var(--text-main); transform: translateY(-2px); } .content-box { background: #fafafa; border: 1px solid var(--border-color); border-radius: 16px; padding: 30px; margin-bottom: 30px; box-shadow: var(--shadow); } .content-box h2 { font-size: 1.8rem; border-bottom: 2px solid var(--accent); padding-bottom: 8px; display: inline-block; margin-bottom: 15px; } .ad-container { margin: 30px auto; text-align: center; background: var(--card-bg); padding: 10px; border: 1px dashed #ccc; border-radius: 12px; min-height: 100px; width: 100%; } .section-title { text-align: center; font-size: 2.2rem; margin: 50px 0 30px; } .setup-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 25px; margin-top: 30px; margin-bottom: 40px; } .setup-card { background: var(--card-bg); padding: 15px; border: 1px solid var(--border-color); border-radius: 16px; text-align: center; box-shadow: var(--shadow); transition: all 0.3s ease; display: flex; flex-direction: column; } .setup-card:hover { transform: translateY(-6px); box-shadow: var(--hover-shadow); border-color: #d0d0d0; } .setup-card img { width: 100%; height: auto; border-radius: 10px; display: block; border: 1px solid var(--border-color); margin-bottom: 15px; } .setup-card p { margin-bottom: 0; font-weight: 600; font-size: 1.05rem; color: var(--text-main); } .guide-section { background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 16px; padding: 35px; margin-top: 40px; box-shadow: var(--shadow); } .guide-section h2 { font-size: 1.8rem; margin-bottom: 25px; text-align: center; } .guide-section ol { padding-left: 20px; color: var(--text-muted); font-size: 1.05rem; } .guide-section li { margin-bottom: 15px; line-height: 1.7; } .guide-section li strong { color: var(--text-main); } code { background: #f1f1f1; color: var(--accent); padding: 3px 6px; border-radius: 4px; font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.9em; border: 1px solid #e1e1e1; } .footer-section { margin-top: 60px; padding-top: 30px; border-top: 1px solid var(--border-color); text-align: center; color: var(--text-muted); } .footer-section h3 { font-size: 1.3rem; margin-bottom: 5px; } .footer-section p { font-size: 0.95rem; margin-bottom: 5px; } @media (max-width: 600px) { header h1 { font-size: 2rem; } .setup-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; } .content-box, .guide-section { padding: 20px; } } </style></head><body><div class="container"><header class="animate"><h1>📱 𝐍𝐨𝐭𝐡𝐢𝐧𝐠 𝐎𝐒 𝐒𝐞𝐭𝐮𝐩𝐬 & 𝐋𝐚𝐲𝐨𝐮𝐭𝐬</h1><p><strong>𝐓𝐡𝐞 𝐁𝐞𝐬𝐭 𝐂𝐨𝐦𝐦𝐮𝐧𝐢𝐭𝐲-𝐃𝐫𝐢𝐯𝐞𝐧 𝐇𝐨𝐦𝐞𝐬𝐜𝐫𝐞𝐞𝐧𝐬</strong></p><a href="https://nothingtools.github.io/" class="btn-main"><i class="fa-solid fa-arrow-left"></i> Nothing Space Setups </a></header><div class="ad-container animate"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1607055557776596" data-ad-slot="2186545443" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div><div class="content-box animate delay-1"><h2>🎨 𝐀𝐛𝐨𝐮𝐭 𝐓𝐡𝐞 𝐆𝐚𝐥𝐥𝐞𝐫𝐲</h2><p> Welcome to the <strong>Setups & Layouts</strong> playground! The Nothing aesthetic is incredibly unique—relying heavily on dot-matrix fonts, monochrome palettes, and minimalist widgets. Here, we showcase the best Home Screen and Lock Screen layouts created by Nothing Phone (1), (2), and (2a) users from around the globe. </p><p> Scroll through to get inspiration for your next customization project. Most of these setups utilize a combination of Nova Launcher, KWGT (Kustom Widget Maker), KLWP (Kustom Live Wallpaper), and the official Nothing Icon Pack. </p></div><div class="ad-container animate delay-1"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1607055557776596" data-ad-slot="2186545443" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div><div class="animate delay-2"><h2 class="section-title">🔥 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐝 𝐂𝐨𝐦𝐦𝐮𝐧𝐢𝐭𝐲 𝐒𝐞𝐭𝐮𝐩𝐬</h2><p style="text-align: center; margin-bottom: 30px;">Below are the latest high-resolution screenshots of top-rated community setups. Get inspired and start customizing.</p><div class="setup-grid"><div class="setup-card"><img src="https://raw.githubusercontent.com/nothingcommunity/Testing/main/Setups/1770393885647_lock_ss.jpg" alt="Lock Screen Setup 1" loading="lazy"><p>Lock Screen Variation A</p></div><div class="setup-card"><img src="https://raw.githubusercontent.com/nothingcommunity/Testing/main/Setups/1770393888510_home_ss.jpg" alt="Home Screen Setup 1" loading="lazy"><p>Home Screen Variation A</p></div><div class="setup-card"><img src="https://raw.githubusercontent.com/nothingcommunity/Testing/main/2026_feb/1771958150350_lock_ss.jpg" alt="Lock Screen Setup 2" loading="lazy"><p>Depth Effect Lock B</p></div><div class="setup-card"><img src="https://raw.githubusercontent.com/nothingcommunity/Testing/main/2026_feb/1771958152630_home_ss.jpg" alt="Home Screen Setup 2" loading="lazy"><p>Minimalist Home B</p></div><div class="setup-card"><img src="https://raw.githubusercontent.com/nothingcommunity/Testing/main/2026_feb/1772869215387_lock_ss.jpg" alt="Lock Screen Setup 3" loading="lazy"><p>Abstract Lock C</p></div><div class="setup-card"><img src="https://raw.githubusercontent.com/nothingcommunity/Testing/main/2026_feb/1772869217885_home_ss.jpg" alt="Home Screen Setup 3" loading="lazy"><p>Widget Heavy Home C</p></div><div class="setup-card"><img src="https://raw.githubusercontent.com/nothingcommunity/Testing/main/Setups/1770951816954_home_ss.jpg" alt="Home Screen Setup 4" loading="lazy"><p>Monochrome OS Setup</p></div><div class="setup-card"><img src="https://raw.githubusercontent.com/nothingcommunity/Testing/main/Setups/1770953121088_home_ss.jpg" alt="Home Screen Setup 5" loading="lazy"><p>Clean Red Accent Setup</p></div></div></div><div class="ad-container animate delay-2"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1607055557776596" data-ad-slot="2186545443" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div><div class="guide-section animate delay-2"><h2>🛠️ 𝐇𝐨𝐰 𝐓𝐨 𝐑𝐞𝐜𝐫𝐞𝐚𝐭𝐞 𝐓𝐡𝐞𝐬𝐞 𝐋𝐨𝐨𝐤𝐬</h2><p style="text-align: center; margin-bottom: 25px;">Loved a setup from the gallery above? Here is a general guide on how to transform your stock phone into a customized masterpiece:</p><ol><li><strong>Hide the Status Bar:</strong> The cleanest setups hide the top battery and Wi-Fi icons. You can do this by using a third-party launcher like <em>Nova Launcher Prime</em> or <em>Lawnchair</em>.</li><li><strong>Apply the Nothing Icon Pack:</strong> Download the official <em>Nothing Icon Pack</em> from the Play Store. Apply it globally via your launcher settings to ensure every app turns into a uniform monochrome dot-matrix style.</li><li><strong>Use KWGT for Widgets:</strong> The stock widgets are great, but for custom placement, install <em>KWGT (Kustom Widget Maker)</em>. Many community members share their custom <code>.kwgt</code> files that perfectly mimic the Nothing style with added weather or music info.</li><li><strong>Depth Effect Wallpapers:</strong> For the lock screens where the image overlaps the clock, you will need <em>KLWP (Kustom Live Wallpaper)</em>. Download the required <code>.klwp</code> themes directly from our hub.</li></ol></div><div class="ad-container animate delay-2"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1607055557776596" data-ad-slot="2186545443" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div><div style="text-align: center; margin-top: 30px;" class="animate delay-2"><a href="https://nothingtools.github.io/" class="btn-main" style="background: var(--text-main); color: white;"> Explore More on Nothing Space </a></div><div class="ad-container animate delay-2"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1607055557776596" data-ad-slot="2186545443" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div><div class="footer-section animate delay-2"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" alt="Heart" width="30" height="30" style="vertical-align: middle; margin-bottom: 10px;"/><h3><b>Nothing Space - The Ultimate Community Hub</b></h3><p><i>Empowering the Nothing & CMF Ecosystem globally.</i></p><p>Designed, Engineered, and Maintained in Bihar, India</p><p style="margin-top: 15px;"><b>Developed by ROHit</b> | <a href="https://nothingtools.github.io/">Nothing Tools</a></p></div></div></body></html>