name: estate description: Editorial property theme with image-led layouts, crisp typography, a restrained red accent, and clear property discovery and contact paths. license: MIT metadata: author: Aimeos
Estate Theme
Direction
Estate is a premium property-marketing theme built around large photography, editorial spacing, clear listing facts, and restrained conversion paths.
Sources of truth
- Use
schema.jsonfor theme tokens, page types, and content fields. - Use
public/cms.cssfor the general visual language. - Use
views/property.blade.phpwithpublic/property.cssfor property details. - Use
views/properties.blade.php,views/property-item.blade.php, andpublic/properties.cssfor property lists. - Reuse generic Pagible content views and assets instead of copying them into property-specific files.
Visual language
- Background: white
#FFFFFFwith quiet neutral sections. - Primary text and structural color: charcoal
#242424. - Accent and interactive color: signal red
#D00000. - Display typography: editorial serif using the configured
--pico-font-family-display. - Body typography: clean sans-serif using the configured
--pico-font-family-sans-serif. - Use square edges, fine neutral rules, and minimal shadow.
- Use gradients only for legibility over photography or intentional image placeholders.
- Keep interfaces image-led, spacious, and readable, with property facts presented as a clear hierarchy.
Property components
- Property lists support only card and list layouts.
- Keep list filters appropriate for normal agency-sized portfolios.
- Use database pagination for unfiltered lists and preserve database ordering when filtering property content in memory.
- Property cards show one image; property details use the slideshow gallery.
- Keep price, status, facts, documents, contact, and structured listing data in the property templates.
- Use the existing CMS contact form and pass the source property URL.
Implementation rules
- Keep all property-specific PHP, Blade, CSS, translations, tests, and schema entries in
themes/estate. - Keep property detail and property list CSS separate.
- Translate all frontend and admin strings.
- Do not use
@phpor@endphpin Blade templates. - Prefer explicit Blade and PHP over helper functions, DTOs, registries, or compatibility layers.
- Use
property-<prop>classes when individual property values need styling. - Preserve responsive layouts, keyboard focus, semantic HTML, reduced-motion behavior, and print support.
Avoid
- Do not introduce an unrelated black-and-gold fashion aesthetic.
- Do not remove rounding or gradients globally when the implemented component uses them intentionally.
- Do not move property filtering into generic blog actions.
- Do not add database-specific JSON filtering or search-package coupling at theme level.
Related skills
Next.js App Router Expert
Development
A skill that turns Claude into a Next.js App Router expert.
Claude CodeCursoradvanced
890
234
3,485
README Generator
Development
Creates professional and comprehensive README.md files for your projects.
claudeCursorWindsurfbeginner
259
72
1,383
API Documentation Writer
Development
Generates comprehensive API documentation in OpenAPI/Swagger format.
claudeCursorWindsurfintermediate
156
44
1,265