How to represent Moonshift.
One reference for the logo, color, type, voice, and assets. Built in the exact design language it describes, so what you read is what you build. Grab a token, copy a hex, download the marks.
Moon, plus shift.
Moon for night. Shift for the work shift. Moonshift is the AI app builder whose agents work the night shift while founders sleep, and whose last step is launched, not just deployed.
Type your idea. Wake up launched.
One prompt runs a 14-agent pipeline end to end: plan, database, backend, frontend, tests, security, deploy, launch. Roughly eight minutes to a live app.
A deployed URL, a GitHub repo you own, drafted launch posts, and a hero image. All yours, on your own Vercel and GitHub.
The mark, on its own field.
A wordmark and a monogram, each in a light and a dark cut. Flat, white on dark and near-black on light. Give it a solid field and room to breathe.
- Keep clear space around the mark equal to the height of the M on all sides.
- Minimum wordmark width: 96px on screen. Minimum icon: 24px.
- Scale uniformly. Never distort to fill a space.
- Do not recolor the mark. It is white on dark, near-black on light. No brand-blue fills.
- Do not add radius, glow, drop shadows, or bevels. The mark ships flat.
- Do not stretch, rotate, or condense the wordmark. Scale it uniformly.
- Do not place the mark on a busy photo or a low-contrast tint. Give it a solid field.
Dark first. One blue that carries.
The surface is near-black in dark mode and warm cream in light mode. A single accent, #008BFF, does all the pointing: CTAs, links, live dots. Everything else is a neutral ramp. Click any swatch to copy it.
DARK THEME · default
LIGHT THEME
ACCENT · same in both themes
STATE
Four families, one job each.
DM Sans sets every heading. Inter carries body and UI. Space Grotesk handles short uppercase labels and CTAs. JetBrains Mono is anything the terminal would print. Never cross the lanes.
Type your idea. Wake up launched.
Never set headings in Inter. DM Sans carries every H1 and H2.
The AI app builder that ends with launched, not deployed.
The workhorse. Everything that is a sentence, not a heading or a label.
GET STARTED · PRICING · NIGHT SHIFT
Short uppercase strings only, tracked out. Never body copy.
deploy: ready in 7m 42s → https://app.moonshift.page
Anything the terminal would print. Timestamps and IDs live here too.
Say what the product does.
Founder to founder. Name a concrete noun and a real verb. Skip the buzzwords, the theater, and the hedging. If a sentence could sell any tool, cut it.
Type your idea. Wake up launched.
Leverage our cutting-edge AI to supercharge your workflow.
One prompt, roughly eight minutes, a deployed URL you own.
Seamlessly transform your ideas into world-class applications.
Ends with launched, not deployed.
The next-generation platform for builders.
Uppercase is for labels, eyebrows, and CTAs, never for sentences. Keep those strings to four words or fewer and set them in Space Grotesk.
No em dashes. Use commas, colons, or periods. Numbers stay concrete: eight minutes, 14 agents, one prompt.
Sharp corners, honest edges.
Zero border radius, everywhere. Depth comes from a three-step border ramp and a restrained accent glow, not from soft shadows. Motion eases out, fast and quiet.
Sharp on cards, inputs, buttons, avatars. Pills are the only exception, reserved for tags.
Used only on the primary create surface. No soft drop shadows as decoration.
The system, assembled.
A few real pieces cut from the product so the tokens read in context. Same corners, same accent, same restraint.
Take what you need.
Vector marks are in the repo and linked above. Social and directory art gets exported to spec. Everything below is the size that platform expects.