frontend-design-dayuse
This skill guides creation of frontend interfaces that strictly follow the Dayuse brand identity. All code produced must feel like it belongs in the Dayuse product ecosystem: warm, modern, premium, and conversion-focused.
Design Philosophy
Dayuse is a premium day-use hotel booking platform. The brand communicates:
- Warmth & Energy through golden-orange gradients and accent colors
- Trust & Clarity through clean layouts, generous white space, and legible typography
- Modern Premium through glass-morphism effects, smooth animations, and refined micro-interactions
- Conversion Focus through prominent CTAs with gradient pill buttons and clear visual hierarchy
Before coding, determine:
- Context: What part of the Dayuse experience is this? (booking flow, search, marketing, dashboard, internal tool)
- Audience: End-user (consumer) or internal (ops/admin)?
- Density: Marketing pages use generous spacing; app screens can be denser
- Priority: What is the single most important action the user should take?
Dayuse Brand Colors
Use these exact values. Never deviate from this palette:
More from dayuse-labs/skills-portfolio
dayuse-pptx
Creates Dayuse-branded presentations (PPTX) with consistent visual identity and storytelling structure. Use when the user asks to create a presentation, deck, slides, pitch deck, roadmap, reporting, plan d'action, or any PPTX for Dayuse. Also use when user mentions "prez Dayuse", "deck Dayuse", "slides internes", "pitch hotel", or "presentation partenaire". Handles both external pitch decks and internal strategy/reporting presentations. Do NOT use for non-Dayuse presentations.
16php-dayuse
Use when building PHP applications with Symfony, Doctrine, and modern PHP 8.4+. Invoke for strict typing, PHPStan level 10, DDD patterns, PSR standards, PHPUnit tests, Elasticsearch with Elastically, and Redis/MySQL optimization.
16dayuse-vibes
Use this skill when generating code, creating features, writing TypeScript, building components, implementing functionality, or helping with any coding task. Enforces professional standards for non-developers doing "vibe coding" - ensures DDD architecture, strict TypeScript (no any), systematic testing, linting, Zod validation, and Result pattern for errors.
12dayuse-commands
Run local development commands on the Dayuse.com project. Use when starting/stopping Docker, running PHP tests (PHPUnit), frontend tests, linting (PHPStan, CS-Fixer, ESLint), database migrations, Elasticsearch indexing, translations, or any inv task. All commands require pipenv and Docker.
10dayuse-mail
Use when a Twig template uses `reservationData` or `array<string, mixed>`, when a Twig template receives variables via `include` parameters, when a Notifier calls `$dto->__toArray()`, or when creating a new transactional email template `.dto.html.twig`.
7dayuse app commands
Run local development commands on the Dayuse.com project. Use when starting/stopping Docker, running PHP tests (PHPUnit), frontend tests, linting (PHPStan, CS-Fixer, ESLint), database migrations, Elasticsearch indexing, translations, or any inv task. All commands require pipenv and Docker.
3