NO-CODE DAN / BRAND KIT / 1.0

Identity
Use No-Code Dan for the full name, NCD for the shorthand.
Wordmark SVGs are vector outlines derived from the site's Inter Bold at -0.025em tracking.
They render without requiring a font installation.
The monogram uses the exact letter paths from the existing site favicon.
Ink, white, cyan, and blue variants are included. The existing app icon is also included.
Leave one capital-letter height of clear space. Start the wordmark at 120px wide.
Use the monogram for smaller placements; use the supplied app icon for a favicon.

Typography
Inter, weights 400 / 500 / 600 / 700. Get the font at https://rsms.me/inter/
Use UI monospace sparingly for short labels, specs and counters.
Let the hero lead, with 30-40px semibold section headings and readable body text.

Color
Dark: black with cyan and soft white.
Light: white with deep blue and navy.
Use the contrast checker in the guide to choose readable text/background combinations.
The JSON file distinguishes illustration palette colors from the site's exact HSL UI tokens.

Layout
12 columns within 1280px. Use the 8,13,21,34,55,89px spacing scale.
Main section gaps: 55px desktop, 34px phone.
Use the CSS and JSON tokens for the responsive gutter and padding details.

Artwork
Two approved sample blog covers are included, one per palette.
Download the complete blog, presentation and capability collections from the guide.
Keep subjects and compositions distinct, and preserve geometry in paired palettes.
Use the supplied reusable prompt for new topics.

Voice
Write as Dan: curious, capable, approachable, specific.
Describe a useful outcome. Explain unfamiliar terms. Credit collaborators.
Use blog, posts, or blog posts for editorial content.

Interactive guide: https://nocodedan.com/brand
