Rayon Docs
Open RayonBook a demo
  • Welcome to Rayon's Resources
  • Documentation
    • Rayon Documentation
    • Rayon's Basics
      • What is Rayon?
      • Signing up
      • Your workspaces
      • Creating a new project
      • Navigating
      • Command access
      • Drawing
      • Sharing, commenting, annotating
      • Shortcuts
    • Models & team management
      • Importing files
      • Exporting & printing
      • Saving & model history
      • Organizations
      • Workspaces
    • Design
      • Setup
      • Drawing tools
      • Editing tools
      • Elements: walls, zones, openings, etc
      • Annotations: dimensions, leaders, text
      • Measurement: distance & area
      • Layers
      • Styles
      • Images
      • Blocks
      • Canvases
      • Views
      • Pages
      • Metadata & tables
    • Publishing & sharing
      • Sharing a model or a workspace
      • Publishing a library
      • Publishing a template
      • Presenting your project
  • Other resources
    • Product Updates
      • April '25 Product Updates
      • March '25 Product Updates
      • February '25 Product Updates
      • January '25 Product Updates
      • 2024 Product Updates
      • December '24 Product Updates
      • November '24 Product Updates
      • V2 Product Updates
      • July '24 Product Updates
      • June '24 Product Updates
      • May '24 Product Updates
      • April '24 Product Updates
      • March '24 Product Updates
      • February '24 Product Updates
      • January '24 Product Updates
      • Rayon's '23 Product Evolution
      • November 2023 Changelog
      • October 2023 Changelog
      • September 2023 Changelog
      • August 2023 Changelog
      • July 2023 Changelog
      • June 2023 Changelog
      • End of May 2023 Changelog
      • May 2023 Changelog
      • April 2023 Changelog
      • March 2023 Changelog
      • February 2023 Changelog
      • Rayon V1
      • Rayon V1 RC
    • Community
    • FAQ
    • Tutorials
    • Knowledge Base
    • System requirements
    • Rayon for Students
    • Switching to Rayon
    • Creating zoning plans in Rayon
  • Social
    • Instagram
    • TikTok
    • YouTube
    • LinkedIn
    • Pinterest
Powered by GitBook
On this page
  • The Basics of styles
  • Editing a Style
  • Saved styles
  • Textures & hatches
  • The active style
  • Style libraries & publishing
  • We're always available!
  1. Documentation
  2. Design

Styles

Controlling your drawing's aesthetics.

PreviousLayersNextImages

Last updated 2 months ago

Rayon is also about applying a professional rendering to your drawings : applying colors, line weights, fonts, text sizes, using hatches and textures, etc.

All this can be controlled in Rayon using styles, located in the property panel.

The Basics of styles

In Rayon, styles document the aspect of all elements (a text box, a line, a surface, etc.). Styles come in 4 different types:

  • Shape styles

  • Text styles

  • Annotation styles

  • Wall styles

Styles can be either specific to a given entity, or shared across elements.

Styles can be edited, published, and shared across your drawings.

Let's dive in!

Editing a Style

Styles' settings can be found in the property panel, on the right. Styles can be edited through their different token fields (Fill, Stroke, etc), or swapped/saved through the options of the section header.

Saved styles

At any point, the style of an element can be saved, in order to apply it to multiple elements at once. Clicking on + allows saving styles.

Once saved, a style displays different options...

  • Editing

  • Swapping

  • Detaching

... accessible on and above the style itself.

Editing a saved style allows changing that style across all shapes carrying it. That way, an entire drawing can be redesigned by simply intervening on the few saved styles carried by the drawing's elements.

Swapping allows replacing a saved style by another. That action can be triggered by using the quad button, or by clicking on the style itself.

Detaching allows removing a saved style for the current selection. Elements whose style has been detached will go back to having their own specific styling.

Textures & hatches

For elements carrying a fill using a hatch or a texture, the pattern of each element can be offseted and rotated independently!

To do so, head to the Tiling field, to enable the option. You can then manually use the blue dot to rotate and offset the pattern, or simply input precise offset/rotation values in the tiling panel.

Additionally, you can upload your own textures and hatches; simply head to the style panel preview window. The upload button will be accessible on hover on the preview window. Rayon supports images for textures, and PAT files for hatches.

The active style

Each time a creation command gets used, the active style appears in the property panel; that style will be assigned to the things you draw with the current command.

Style libraries & publishing

At any point, you can find all the styles contained in your drawing in the left-side style panel.

  • My styles lists all the styles you have in your model

  • Libraries gives you access to extensive libraries

Styles listed under My styles can be curated, using the panel's options; actions such as...

  • Editing/renaming any given style

  • Deleting unused styles

  • Creating new styles by clicking on +

More importantly, this list can be turned into a library, by getting published.

  • Publishing can be found in the Share modal (upper right corner), under the Publish styles tab.

  • A library can be refreshed at any time by hitting Refresh in the modal.

  • Published libraries are accessible by users within your organization.

For more step-by-step information, watch our tutorial about how to use styles in Rayon:

We're always available!

More .

Feel free to email us at .

support@rayon.so
on libraries here