The reSELECTA visual and verbal system.
A practical guide to the fonts, colors, spacing, logo usage, and visual rules that shape reSELECTA across website pages, presentations, portals, and social assets.
Logo presence
Use the logo in a clean, controlled way. Prefer dark forest backgrounds or warm paper neutrals. No effects, outlines, shadows, or visual clutter around the mark.
Use on dark backgrounds, dark website sections, footers, and presentation covers.
Download WhiteUse on light backgrounds, documents, PDFs, portal materials, and paper-toned layouts.
Download BlackClear space and size
Keep visible air around the logo. As a simple rule, leave at least the height of the lowercase “re” around the mark. Never push text, photos, or buttons into that area.
On busy layouts, increase the clear zone instead of shrinking the logo into a crowded space.
Minimum standards
- Digital minimum: do not render the main wordmark under 120px width.
- Preferred navigation size: around 150–190px width depending on the header layout.
- Print minimum: avoid using the full wordmark under 28mm width.
- Never distort: no stretching, outlining, shadowing, or recoloring outside approved palette use.
Color system
The palette is simple: dark forest for authority, sage for emphasis, and warm neutrals for space and calm. Avoid introducing extra decorative colors.
Type pairing
Use one display font and one working font. Headlines should feel editorial and sharp. Body text should stay clean, airy, and easy to read.
Strategy is clear.
Manrope
Use for headlines, hero statements, and section titles. Preferred weights: 600–700.
Boutique real estate and relocation guidance for international buyers, investors, and owners across Valencia and the Costa Blanca.
Poppins
Use for paragraphs, navigation, labels, and interface text. Preferred weights: 400–500.
Padding and rhythm
Spacing does a lot of the premium work. Keep layouts breathable and structured. Avoid cramped blocks and overly dense content stacks.
Tone of voice
Keep the copy short, clear, and strategic. The tone should feel premium and calm, not loud or salesy.
Use this tone
- Clear, direct, and quietly premium.
- Strategic instead of salesy.
- Warm, but always controlled.
Avoid this tone
- Portal-style generic copy and filler phrases.
- Overuse of hype words and forced “luxury” language.
- Anything loud, pushy, or too mass-market.
Basic interface rules
Buttons, chips, and forms should stay minimal and structured. Strong contrast and spacing matter more than visual effects.
Technical UI standards
Use these as the default system values unless a page has a strong, intentional reason to break them.
Uppercase labels, bold weight, generous horizontal padding, dark forest fill for primary and outline/light for secondary.
Prefer sharp or almost-sharp edges. Default visual language is square-cornered or very lightly softened, not rounded-tech UI.
White background, subtle forest border, spacious 16–18px inner padding, no heavy shadows, no playful styling.
Use very lightly or not at all. Structure should come from spacing, contrast, and borders before shadow effects.
Do / Don’t
This is the simplest brand check: if it starts feeling loud, crowded, or generic, pull it back.
Do
- Use dark forest as the anchor color for trust and authority.
- Pair large editorial headlines with calm, readable body copy.
- Keep compositions spacious, architectural, and intentional.
- Let sage accents guide attention rather than dominate layouts.
- Write as a selective advisor, not as a property portal.
Don’t
- Overload pages with too many cards, badges, or accent colors.
- Use purple, neon, or high-saturation luxury clichés.
- Mix many typefaces or introduce decorative script fonts.
- Turn every section into a sales pitch with repetitive promises.
- Make layouts feel loud, crowded, or overly techy.