
Storas — Terrenos industriales en Yucatán | Inversión estratégica
storasterrenosindustriales.com“Storas projects a serious, authoritative, and uncompromising tone, positioning itself as a rational alternative to saturated residential real estate markets. The brand combines a stark, high-contrast visual identity with direct, imperative copy to convey urgency and financial logic, appealing to investors seeking stability and growth in the industrial sector.”
Color Palette
Colors
Light Mode
Dark Mode
Typography
Fonts
Inter
system-ui, -apple-system, sans-serif
Inter
system-ui, sans-serif
The quick brown fox
16pxThe quick brown fox
36pxThe quick brown fox
72pxThe quick brown fox
24pxThe quick brown fox
12pxComponents
Design System
rgba(66, 51, 36, 0.18) 0px 20px 50px -20px
rgba(185, 100, 39, 0.35) 0px 20px 60px -20px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px
linear-gradient(135deg, rgb(185, 100, 39), rgb(214, 125, 61))...
linear-gradient(to top, rgba(26, 23, 20, 0.8), rgba(26, 23, 20, 0.3), rgba(0, 0,...
linear-gradient(to top, rgba(26, 23, 20, 0.8), rgba(26, 23, 20, 0.2), rgba(0, 0,...
Voice & Tone
Personality
Visual Energy
Design Era
contemporary-minimal
Emotional Tone
serious-rational
Target Audience
High-net-worth individuals and institutional investors seeking stable, high-yield industrial real estate assets in Yucatán, who are disillusioned with residential market volatility.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Inter font family exclusively: Headings must be 700 or 900 weight in sentence-case; Body text must be 400-600 weight with a strict 24px line-height.
- Primary CTAs must use the brand accent color #b96427 with white text (#f4f1eb), 6px border-radius, and the specific shadow: rgba(185, 100, 39, 0.35) 0px 20px 60px -20px.
- Secondary CTAs must use the primary dark background #1a1714, white text (#f4f1eb), 16px border-radius, and a subtle border of #b96427.
- Outline buttons should use transparent background, text color #f4f1eb, border color #e5e0dc, and 6px border-radius with 0px padding.
- Apply multi-layer shadows to cards using rgba(66, 51, 36, 0.18) 0px 20px 50px -20px to create depth against white backgrounds.
- Use linear gradients sparingly for hero overlays or accents, specifically mixing #b96427 to #d67d3d (135deg) or dark overlays (rgba(26, 23, 20, 0.8) to 0.3).
- Maintain a strict color palette: Primary dark #1a1714, Accent #b96427, Background #ffffff, and Text #000000 or #f4f1eb for dark modes.
- Structure copy using contrast and antithesis (e.g., 'NO INVIERTAS EN VIVIENDA, INVIERTE EN EL SECTOR INDUSTRIAL') to highlight the brand's value proposition.
Don't
- Do not use title case for headings; the brand strictly uses sentence-case for all typographic hierarchy.
- Do not use emojis or exclamations in copy; the tone is serious, formal, and matter-of-fact.
- Do not use serif fonts; the brand relies entirely on the geometric sans-serif Inter for clarity and modernity.
- Do not use sharp 0px border-radius on interactive elements; minimum 6px radius is required for buttons to soften the industrial aesthetic.
- Do not use vibrant or saturated colors outside the defined palette; avoid blues, greens, or bright reds in favor of earthy browns and stark blacks.
- Do not use flat design without depth; cards and key elements must have the specified layered shadows to distinguish themselves from the background.
- Do not use playful or casual language; avoid jargon-heavy technical explanations in favor of accessible, direct business logic.
- Do not use standard system shadows; always use the custom rgba values defined for cards and buttons to maintain brand consistency.
Design Assets
Visual Elements
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
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/storasterrenosindustriales.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.








