Skip to content

Instantly share code, notes, and snippets.

@iamhenry
Created April 1, 2025 14:05
Show Gist options
  • Save iamhenry/1e10e686609cd05e182b14ba79ab5297 to your computer and use it in GitHub Desktop.
Save iamhenry/1e10e686609cd05e182b14ba79ab5297 to your computer and use it in GitHub Desktop.
Brand DNA Extraction to JSON

Brand DNA Extraction & JSON Structuring

Extract the Brand DNA from the provided image and structure it in a detailed JSON format. Ensure that all properties are accurately captured to allow for consistent recreation of this style in future brand assets.

Requirement

  • Image or asset for reference extraction

Key Properties to Include:

1. Color Palette

  • Extract primary, secondary, accent, and shadow colors with HEX values.
  • Include lighting highlight and background color.

2. Typography & Text Treatment

  • Define font type, weight, letter spacing, case style, and button text conventions.

3. Illustration & Object Styling

  • Shape language (rounded, angular, organic, geometric).
  • Depth properties (3D modeling style, extrusion depth).
  • Material properties (matte, glossy, textured, metallic).

4. Lighting & Shadow Behavior

  • Light source position, intensity, gradient falloff.
  • Shadow placement, blur radius, opacity, and spread.
  • Floating effect (elevation height, interaction response).

5. Perspective & Angle Definitions

  • Camera positioning (isometric, top-down, straight-on).
  • Rotation:
    • Yaw: Left/right tilt
    • Pitch: Up/down tilt
    • Roll: Axis spin

6. Depth & Layering Effects

  • Object stacking behavior in multi-layer compositions.
  • Self-shadowing vs. global shadowing treatment.
  • Contrast adjustments for object-background separation.

7. Motion & Interaction Guidelines (If Applicable)

  • Hover, press, and transition behaviors.
  • Ease-in/ease-out animations, pulsing, or floating motion effects.

8. Application Context

  • Define how this style translates into UI/UX, marketing, print, and motion graphics.

Final Output:

  • Structure everything in a well-formatted JSON for direct implementation.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment