Skip to content
horaciolardies.com logo

Horacio Lardiés

horaciolardies.com

Horacio Lardiés — Branding Architect presents a professional web presence.

professional

Color Palette

Colors

#006cff

primary

#ffffff

background

#000000

text

#ff6767

accent


Typography

Fonts

Inter

body
400
self-hosted

sans-serif

Neue Haas Grotesk

heading
400
self-hosted

Neue Haas Grotesk

body
500
self-hosted

Monument Grotesk Mono Variable

body
400
self-hosted
body

The quick brown fox

h1

The quick brown fox


Components

Design System

primary
12947px
#ff6767#ffffff
W
secondary
12947px
#000000#ffffff

Voice & Tone

Personality

Visual Energy

5/10

Design Era

contemporary

Emotional Tone

professional

Target Audience

general audience


DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md

Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/horaciolardies.com \
  -H "x-api-key: ev_your_key"

# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
  -H "x-api-key: ev_your_key"

# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
  -H "x-api-key: ev_your_key"

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.