Skip to content

feat(examples): add Ink & Code developer portfolio design system#138

Open
SulakshanCGhimire wants to merge 1 commit into
google-labs-code:mainfrom
SulakshanCGhimire:add-ink-and-code-example
Open

feat(examples): add Ink & Code developer portfolio design system#138
SulakshanCGhimire wants to merge 1 commit into
google-labs-code:mainfrom
SulakshanCGhimire:add-ink-and-code-example

Conversation

@SulakshanCGhimire

Copy link
Copy Markdown

Summary

Adds a new examples/ink-and-code/ entry — a minimal developer portfolio design system.

Design concept

Terminal-native minimalism for developers who let their work speak. The aesthetic mirrors how developers think: Geist (geometric sans-serif) for prose, Geist Mono for all UI chrome, labels, and tags. A single burnt orange accent on a deep warm-black canvas. No gradients, no decorative shadows — depth is achieved entirely through tonal surface layers.

Files added

  • DESIGN.md — design tokens (YAML frontmatter) + rationale (markdown prose)
  • tailwind.config.js — exported via --format json-tailwind
  • design_tokens.json — exported via --format dtcg
  • README.md — follows the pattern of existing examples

Linter output

{

"summary": { "errors": 0, "warnings": 0, "infos": 1 }

}

Checklist

  • DESIGN.md passes linter with 0 errors, 0 warnings
  • tailwind.config.js generated via CLI export
  • design_tokens.json generated via CLI export
  • Section order matches spec (Brand & StyleColorsTypographyLayout & SpacingElevation & DepthShapesComponents)
  • Apache 2.0 license header in tailwind.config.js
  • README matches structure of existing examples

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant