Portfolio · theme builder

Presentable · → open showcase deck

01Choose a starting point

02Refine

Used for italicized words, links, and the pull-quote border.
Second accent for data charts. Repeat primary for a monochromatic feel.
Warm shifts ink and backgrounds toward brown. Cool keeps them neutral gray.
Five colors for any charts. Auto-generated from your accent colors — override individually.

03Extract from image

Drop a portfolio image, your personal logo, or a screenshot. The extractor pulls distinct colors you can assign to primary, secondary, or the full chart palette.
Drop image here or

AAI color prompt

Ask Claude to suggest a palette for your personal brand

Copy this prompt, paste it into Claude. Describe your work, aesthetic, and influences. It returns a structured block you can paste into section B to auto-fill every field.

          

BPaste the LLM response

Paste the response here and click Auto-fill — every color, palette, and font field will update at once.
✓ Fields updated

CLive preview

Ana Rivera · Portfolio
2026
Brand & Product Designer

I design for quiet brands that want to be remembered.

Selected work from the last three years.

ana@anarivera.studio
March 2026
Patrón Coffee · the brief

A second-generation roaster trying not to look like every other third-wave brand.

By 2024, every independent coffee brand in the city looked like the same template. Patrón needed identity that read forty years old, not last Tuesday.
"Make us look like we've been here for forty years."
— image · packaging

DDerived tokens

Generated :root block


        
        

Writes the theme directly to portfolio/deck.html and triggers a live reload. Requires npm run dev to be running.