Coda
Монументальні літери на теплому кремовому пергаменті - Coda читається як надрукований вручну плакат для торгового майданчика, а не як панель управління SaaS-сервісу
Палітра
Бренд
- Forest Depths
#003d21 - Mint Sprout
#aafdc0
Нейтральні
- Cream Parchment
#f8f9eb - Pure White
#ffffff - Obsidian
#000000 - Charcoal
#202020 - Sage Mist
#c0c2a9 - Olive Slate
#5a5a4f
Друкарня
від 12 до 134px · 9 ступенів
- ui-sans-serif — заміна: Inter · зображення 400
- Monument Grotesk (custom) — заміна: Archivo · зображення 400, 500, 800
- JetBrains Mono — заміна: IBM Plex Mono or JetBrains Mono · зображення 400
Інтервали та форма
| Призначення | Значення |
|---|---|
| Щільність | середня |
| Базовий крок | 13px |
| Радіус кнопок | 13px |
| Радіус карток | 22px |
| Тіні | ні — межі замість тіней |
| Між секціями | 72px |
| Ширина сторінки | 1200px |
ІІ збере ваш сайт у стилі Coda і наповнить його
- Наповнить товарами та постами за посиланням - Instagram, TikTok, Facebook.
- Перенесе контент зі старого сайту – достатньо вказати адресу.
- Сучасний дизайн на кращому движку: React ( Next.js) з серверним рендерингом та SEO-оптимізацією з коробки.
- Повна автоматична SEO-оптимізація під пошукову видачу та рекомендації нейромереж.
Схожі стилі
- Factory — Термінал «військова кімната» опівночі. «Завод» - це строга чорна панель управління, де єдина біла карта приземляється, немов освітлене ліхтариком повідомлення - єдиний об'єкт у кімнаті - це сама робота
- Buymeacoffee — Фотоальбом у стилі кафе з кремового паперу з плаваючими полароїдними знімками
- Preply — Рожевий рекламний щит з наклейками у вигляді людей
- Flim — Розкидані полароїдні знімки на сітці блокнота для ескізів
- Ramp — Фінансовий відділ редакції, чорно-білих сторінок з одним неоновим маркером. Практично монохромна поверхня видання, де один яскравий салатовий штрих перетворює кожну взаємодію на грошовий сигнал.
- Orderful — палуба управління промисловою логістикою — роздрукований контрольний лист диспетчера логістики, виконаний чорним чорнилом та хірургічною червоною фарбою, кожна сторінка досить стримана, щоб дозволити одному оператору зв'язку викрикнути що-небудь важливе
- teenage engineering — Промисловий каталог у студійному освітленні - продукт є єдиним значущим об'єктом на сторінці, а все інше обговорюється навколо
- Vanmoof — кінематографічний монохромний шоурум
- Sociotype — Типовий зразок музейного зразка на білому папері
- Webflow — Біла студія, чорне чорнило, один синій штрих — креслярський стіл дизайнера, втілений у веб-сторінці
- Apple (España) — чорний театр зі фурнітурою, що світиться
- Contract — каталог галереї з білими стінами