Nexora Energy - Solar Batteries & Solutions
nexoraenergyinc.com“Nexora Energy projects a modern, energetic, and trustworthy presence, blending premium solar technology with accessible, direct communication. The brand balances technical authority with an enthusiastic, forward-looking optimism, using vibrant orange accents to signal energy and innovation against a clean, professional white backdrop.”
Color Palette
Colors
Typography
Fonts
Inter
sans-serif
Outfit
sans-serif
The quick brown fox
16pxThe quick brown fox
72pxThe quick brown fox
48pxThe quick brown fox
24pxThe quick brown fox
16pxComponents
Design System
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, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.760953 -0.174012 0.10152 / 0.3) 0px 10px 15px -3px, oklab(0.760953 -0.174012 0.10152 / 0.3) 0px 4px 6px -4px
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, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px
linear-gradient(to right in oklab, rgb(249, 115, 22) 0%, rgb(232, 106, 10) 100%)...
linear-gradient(to right bottom, oklab(0 0 0 / 0.05) 0%, oklab(0 0 0 / 0.1) 50%,...
linear-gradient(to right bottom, oklch(0.984 0.003 247.858) 0%, oklch(0.968 0.00...
linear-gradient(to top, oklab(0.208 -0.00310889 -0.0418848 / 0.8) 0%, oklab(0.20...
linear-gradient(to right bottom, oklch(0.984 0.003 247.858) 0%, oklch(1 0 0) 100...
Voice & Tone
Personality
Visual Energy
Design Era
contemporary-minimal
Emotional Tone
empowering-reliable
Target Audience
Homeowners and businesses in the Dominican Republic seeking reliable, premium energy independence and cost savings through modern solar technology.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Inter font for all body copy at weights 400, 500, and 600, strictly maintaining a 24px line-height for optimal readability.
- Use Outfit font for all headings at weights 600 and 700, applying title-case capitalization to all header text.
- Apply the primary brand color #f97316 (orange) to all primary Call-to-Action buttons, using white text for contrast.
- Style primary buttons with 8px border-radius, 8px vertical padding, and 16px horizontal padding; use 16px vertical and 32px horizontal padding for secondary 'Get a Quote' buttons.
- Use subtle linear gradients for background accents or hero sections, specifically transitioning from #f97316 to #e86a0a, or using soft black overlays (oklab 0.05 to 0.1) for depth.
- Maintain a clean, flat aesthetic by avoiding heavy shadows; use 0px shadow or transparent shadows on interactive elements to keep the interface lightweight.
- Incorporate light emoji usage (e.g., 🇺🇸) in utility elements like language toggles, but keep marketing copy professional with frequent but measured exclamations.
- Use #25d366 (green) sparingly as an accent color, primarily for success states or secondary highlights, ensuring it does not overpower the primary orange identity.
Don't
- Do not use serif fonts; the brand is strictly sans-serif (Inter and Outfit only).
- Do not use sentence case for headings; all headings must be title-case.
- Do not apply heavy drop shadows or complex multi-layer shadows to buttons or cards; the design style is flat and minimal.
- Do not use pill-shaped buttons (50px radius); strictly adhere to the 8px medium border-radius for all interactive elements.
- Do not use jargon-heavy language; keep copy accessible with moderate vocabulary and direct, imperative phrasing.
- Do not use excessive emoji in main marketing copy; reserve them for functional UI elements like language switches.
- Do not use dark mode defaults; the brand is built on a #ffffff background with high-contrast dark text.
- Do not use low-contrast text colors on primary buttons; ensure white text on #f97316 background for maximum legibility.
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/nexoraenergyinc.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.